I give you M3
-
@Pathduck said in I give you M3:
Definitely old-Opera looks
Thank you. I'm using M2 as my e-mail client for many, many years...
Using Vivaldi as my browser since 2015. Just started playing with M3 a couple of days ago. So far everything is working.
Good job Vivaldi team! -
Did I?
Yes, I did...but didn't share the gifs to prevent any headache because those are actually animated
I searched to have the content replaced with fontawesome contents but... couldn't make it work... grrrrr....
font-family: 'Font Awesome\ 5 Free'; content: "\f019";
doesn't work. -
-
@hlehyaric I told you...
I need a doctor!
-
-
@Ornorm Calendar shows week and year in the header. As mentioned, it’s an overload, I don’t use it. Currently I’ve just added emojis for M3 and Notes and I’ll see how I like it after a few days.
-
@Ornorm Font Awesome is not part of Vivaldi, you’d first have to integrate it somehow and you’d specify it like this:
font-family: FontAwesome;
. What I do in my mods is using Font Awesome svgs directly, that way it’s independent, even if the project should disappear. -
@luetage
That is much better. -
@Ornorm Did I have to change the code after the last Vivaldi update? Yes...
-
@Ornorm Did you?
- update icons in
content
where the icon was displayed as weird text. - resize customized panel icons
- change headers to fit content due to new default padding...
- add background color for hovered items and make background more transparent
- going to sleep...
- update icons in
-
@luetage Nice little game. I have added the missing emojis:
/* M3 version 2021.9.0 https://forum.vivaldi.net/post/430762 Changes the name of the mail panel ^^ */ #mail_panel h1 { text-indent: 0px; } #mail_panel h1::after { display: block; text-indent: 10px; content: " 📩️"; } #notes-panel h1::after { text-indent: 10px; content: " 📔"; } #history-panel h1::after { text-indent: 10px; content: " 🕓"; } .panel.panel-bookmarks h1::after { text-indent: 10px; content: " 🔖️"; } .panel.downloads h1::after { text-indent: 10px; content: " 📥"; } #contacts h1::after { text-indent: 10px; content: " 🙋♂️️"; } #calendar_panel h1::after { text-indent: 10px; content: " 🗓️"; } #readinglist h1::after { text-indent: 10px; content: " 📖️"; }
EDIT: I added readinglist.
9.9.2022: modified code to improve design -
@Ornorm said in I give you M3:
Did I?
Yes, I did...but didn't share the gifs to prevent any headache because those are actually animated
I searched to have the content replaced with fontawesome contents but... couldn't make it work... grrrrr....
font-family: 'Font Awesome\ 5 Free'; content: "\f019";
doesn't work.Nice! Beside using gif: Could you please share the code for the bookmarks panel mod (as an example for all others) with bg img?
Where do you save the images?Thank you in advance!
-
@Dancer18 This will be hard. Summoning the Ornorm is an art forgotten over the ages.
-
-
@hlehyaric said in I give you M3:
since last June
How time flies...
sob, sniff, bwaaah.
/ i wonder if we would be brave enough to say his name out loud, three times...?
-
The latest snapshot breaks M3. If you experience this, you may want to update your stylesheets with
#mail_panel h1 { text-indent: -9999px; } #mail_panel h1::before { display: block; text-indent: 0px; content: "M3 Professional"; }
-
@jumpsq Yep, but you got the content wrong. It’s
M3 Professional Superplus
nowadays ^^