Vivaldi Forum mod
-
We now appear to have dark monokai code display as standard in Vivaldi Forum. I'm gonna remove the railscasts style for dark themes, as it isn't needed anymore. The question is, if we should make new code markup for light themes… Any suggestions?
-
@luetage Yes, I use compact header. Theme is custom (your Dracula with changed background). No custom CSS.
-
Then I can't really explain it. There should be no white line. I know you can force that white line when you uncheck
#submenu {box-sizing: border-box}
in devtools, but this can't be your issue, since you have no user css running. Besides, some other stuff would break too, if you unset that somehow. Strange. -
@luetage Oh, sorry, I've explained it absolutely bad. The white line is added in image editor for better orientation. I'm talking about the menu showing when the menu bar isn't visible.
-
Oh ok. Well, the auto-hide header mod triggers when you scroll down. When you are still over the header navigation dropdown with your mouse, the dropdown will continue to show. I don't really know what to do about that. If you move your mouse away from it it should disappear.
-
@pafflick I looked into this a bit now. The second logo has the right dimensions, but is too small. But it doesn't matter, because we can go with the logo as presented on the community page – I somehow like it better anyway. Wouldn't surprise me if they switched it up at some point, even for the browser. We were ahead of time with using the squircle on forum too a year ago, maybe history repeats itself.
-
@luetage This is how I understand and reproduce the problem: With 'Compact header' and 'Auto-hide header on scroll' active I scroll down until the header is hidden. Then I place the mouse cursor over the 'Recent' item in the forum menu and slowly move up the pointer. Shortly before the mouse pointer leaves the page the header dropdown opens although the header is invisible and the pointer is still over the 'Recent' button.
Even when 'Auto-hide header on scroll' is inactive, but 'Compact header' active, the header dropdown opens when the pointer is still over the 'Recent' button, a few px under the header. It seams to me like the area where the header notices a mouseover doesn't get 'compacted', if you allow this uneducated guess . -
Very good observation and consistent emoting, could reproduce. Fixed in next update.
-
@luetage said in Vivaldi Forum mod:
The second logo (...) is too small
How can a vector graphic be "too small"? It can have wrong proportions (although it shouldn't, as it comes from the official source), but you can scale it up however you want and it'll always offer the best quality.
-
@pafflick You omitted my "it doesn't matter" part of the quote. I know I can blow it up, but it simply has empty space around, unlike the svg in use on community page.
-
@luetage I don't remember where I get that file from, but it seems to have a slightly different letter spacing too... Anyway, if there is an empty space, you can just crop it and get something like this:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430 66"><defs><style type="text/css">.c{fill:#ef3939;}*{fill:#fff;}</style></defs><path d="M97.1,8.6h12.4l10.9,24.7l10.9-24.7h12.4l-23.3,49.9L97.1,8.6z"/><path d="M159.1,8.6h11.1V58h-11.1V8.6z"/><path d="M185.9,8.6h12.4l10.9,24.7l10.9-24.7h12.4l-23.3,49.9L185.9,8.6z"/><path d="M257.6,8l24.3,49.9h-11.7l-3.5-7.7h-18.2l-3.5,7.7h-11.7L257.6,8z M262.3,41.3L257.6,31l-4.7,10.3C252.9,41.3,262.3,41.3,262.3,41.3z"/><path d="M297.7,8.6h11.1v38.3H328V58h-30.3L297.7,8.6L297.7,8.6z"/><path d="M349.7,8.6H367c13.9,0,25.1,11.1,25.1,24.7S380.9,58,367,58h-17.3V8.6z M367.1,47.8c8.3,0,13.9-6.6,13.9-14.5s-5.6-14.5-13.9-14.5h-6.2v29.1L367.1,47.8L367.1,47.8z"/><path d="M413.9,8.6H425V58h-11.1V8.6z"/><path class="c" d="M33.5,66.5c14.5,0,22.6,0,27.9-5.3s5.3-13.4,5.3-27.9s0-22.6-5.3-27.9S48,0.1,33.5,0.1s-22.6,0-27.9,5.3S0.3,18.8,0.3,33.3s0,22.6,5.3,27.9S19,66.5,33.5,66.5z"/><path d="M51,15.8c-9.7-9.7-25.4-9.7-35.1,0s-9.7,25.5,0,35.2s25.4,9.7,35.1,0C60.7,41.2,60.7,25.5,51,15.8z M49.5,27.2c-4.1,7.1-8.2,14.3-12.3,21.4c-0.8,1.3-1.9,2.1-3.4,2.2c-1.7,0.1-3-0.6-3.9-2.1c-2.6-4.5-5.2-9-7.7-13.4c-1.6-2.7-3.1-5.4-4.7-8.2c-1.6-2.8,0.2-6.1,3.4-6.3c1.7-0.1,3,0.7,3.8,2.1c1.2,2,2.3,4,3.4,6c0.8,1.4,1.6,2.9,2.5,4.3c1.2,2.1,3,3.2,5.4,3.4c3.4,0.2,6.6-2.3,7-5.9c0-0.3,0.1-0.5,0.1-0.7c0-1.2-0.2-2.2-0.7-3.1c-1.3-2.5,0.1-5.4,2.8-6c2.2-0.5,4.6,1.2,4.9,3.4C50.2,25.4,50,26.4,49.5,27.2z"/></svg>
I simplified the code further, so now it's just 1,38 KB.
-
@pafflick Personally I like the community logo better and it's already implemented. But I'm open to suggestions. In case users think we should keep the original forum one, we'll do just that.
-
@luetage But this is "community" version of the logo, it just has white letters for the dark theme.
-
@pafflick Ha, they changed it up on https://vivaldi.com/ over the last 24 hours. Just yesterday the other one without the white circle was featured there.
-
It seems that the Vivaldi forum has two elements with an id of "main-nav". Not only is the off-spec with regards to HTML, it makes things very difficult to mod
-
@LonM And what's wrong with using something like
.menu-section-list #main-nav
and#submenu #main-nav
(except for the semantics)? -
@pafflick according to The Specification,
the id attribute value must be unique amongst all the IDs
-
@LonM I explicitly said "except for the semantics". If it works, then even if it's wrong, I think you can live with that?
-
@pafflick I missed the last part
Yeah, it works... but if we don't have semantics, then do we really have anything? Is life just a meaningless void full of duplicate DOM identifiers?
-
@LonM said in Vivaldi Forum mod:
Is life just a meaningless void full of duplicate DOM identifiers
Perhaps it is... Adapt. Evolve. Survive. These are the three core principles of every HTML modder.