@guigirl Aww, don’t mention it, you’re welcome 😘

@boroda74 While searching the web, I found your mod before LonM's original (from your ref. to it). After attempting to install your Session Panel mod first, I found that it doesn't seem to work. Selecting the the Web Panel (vivaldi://sessions) results in a "This site can't be reached" message. However, after installing LonM's Advanced Panels Mod, it works just fine. I'd like to get your mod working, especially if it is significantly improved over LonM's. But my knowledge of JavaScript isn't quite up to the job of debugging your code. Of course I'm assuming it's a bug, as I did get LonM's mod working.

@nomadic The point is as soon as you are setting a width property, it cannot work anymore. It needs to be a percentage of the maximum the address field takes naturally. I don’t see a way to do this with the current setup.

@luetage Thank you very much, I can visualize how to play with this enough to get a working mod now with a template to get started!

Could this be used for fingerprinting? (to tell that you are using Vivaldi and not chrome)

Hi, sorry for the delay, I only just got a chance to test this. Option 2 isn't doing anything; I still have the hover effect on mouseover.

Managed to get the tabs on top using pure css! /* Top Tabs with Horizontal Menu */ /* Header */ #browser.tabs-top #header { height: 0 !important; /* Unset Contain so the tabbar is visible */ contain: unset !important; } /* Main */ #browser.tabs-top #main { /* Unset z-index so the tabbar is below dropdowns */ z-index: unset !important; } /* Inner Container */ #browser.tabs-top .inner { /* [margintop] = [height(tabs-tabbar-container)] */ /* default height tabs-tabbar-container: 30px */ margin-top: 30px !important; border-top: 1px solid var(--colorBorder) !important; } #browser.tabs-top .fullscreen .inner { margin-top: unset !important; } #browser.tabs-top .minimal-ui .inner { margin-top: unset !important; } /* Tabbar Container */ #tabs-tabbar-container.top { /* [top] = ([height(UrlBar)] + [height(bookmark-bar)]) -1 */ /* default height UrlBar: 34px */ /* default height bookmark-bar: 28px */ top: 61px !important; /* Sets tabs to fill entire bar */ margin-right: -62px !important; /* Necessary for everything on the tabbar to be visible/accessable */ z-index: 1 !important; } /* No Sync/Trash */ .top .sync-and-trash-container { display: none !important; } /* No New Tab */ .top .newtab { display: none !important; } Tabs go all the way to the edge of the screen (i just kept changing the margin until it worked, same with the height) a5a1be08-ce4c-4b26-ad9f-a664c46648b5-image.png This is on the latest stable, so I have no idea if a different version will bork it :?

@Ornorm Did you? Laughing... but no ⬇ update icons in content where the icon was displayed as weird text. ✅ resize customized panel icons ✅ db2d2a9d-3b57-4abd-b181-11b88dd6e39d-image.png change headers to fit content due to new default padding... ✅ 4b352883-faea-4c64-9e9d-2628e22b5c9e-image.png add background color for hovered items and make background more transparent ✅ Panel_3.8.gif going to sleep... ❌ Sleep

@Pathduck Solved! Thank you!

Stacking tabs broke this style. 😞

Updated "Other notes" section to include a tweak for running this with Opera GX Theme.

@Darthagnon Good 🙂 Yes, the top and bottom controls positioning of elements and is not a way to create borders. https://www.w3.org/TR/CSS21/visuren.html#position-props z-index controls layering of elements, if you want overlapping. https://www.w3.org/TR/css-position-3/#layered-presentation Once you start moving the #main element it could potentially show whatever is behind it, for instance on the bottom edge. Glad you fixed it 👍

Sorry for necroing. I found that this works until you go into full-screen mode (double clicking on a video or by pressing F11). After that the button returns to its original position. A button still stays in the toolbar but nothing happens when you click on it. Restarting Vivaldi fixes it and launching a new window fixes it only for that new window.

Deleted four fifths of this mod, because in latest snapshot Vivaldi stopped theming the addressfield and searchfield in private windows differently. No more reverting needed.

@BoneTone indeed on firefox i use stylus its time to do it on vivaldi too!

@enc0re yeap i get you 😛 when i have some time or with the next update i will include some sceenshots 😉

@Pesala I haven't updated this in a while. I think it will probably need some work to make it fully up to date. I've also found places where it causes bugs or missed text that should be selectable.

@potmeklecbohdan Oooooops! You're really right. I'll update my post immediately.

946cd0d4-97a9-41aa-a1e0-2fecc668032f-image.png I would like that the line around tabs, windows buttons and side panel buttons instead of setting their colors to "Énfasis" they were "Elemento activo" (as shown in the picture) 'cause right now those things are very dark 😢 Any option or what should I tweak? (I'm a complete noob with CSS).