Top Addressbar above Top Tabbar CSS mod

[dude99]

@shifte It seems u didn't enabled line 14 & 15?

Remove the / in front of line to enabled 'em, then add / in front of any line to disabled the entire line, like this:

or you can use proper syntax to envelop code with /* code */ to disabled it.

[shifte]

@dude99
I see, worked well.

Anyway, I probably won't work on this CSS mod any further in the uture,

This is too difficult, who's going to manage...?

[SallyK]

Thank you, it's great to have something that works with just CSS and doesn't need redoing every time a new version of Vivaldi comes out. The only issue I have is that while the tab bar is now under the address bar, it's still above the bookmarks, is that a setting I have wrong?

[dude99]

Final update:

• tidy up overall code & optimized consistency between toolbar in "various" situation.

• fixed compact header related bug, it should be bug free now...

• add support for bookmark bar, I won't do unify color for this toolbar cuz it look kinda weird to me. but feel free to fix it if you insist...

---

@shifte

This is too difficult, who's going to manage...?

Don't worry, my code are quite clean & easy to understand by CSS guru. They can fork it in the future if needed. I have wasted too much time on this useless mod (to me anyway), better invest in something I actually will use in the future... LOL

[SallyK]

@dude99 Thank you again. I really appreciate the work you've put in to make the browser more usable for us, even though it's not something that you would use yourself.

I will try the option at the side one day, because I do get your logic, it's just after nearly 20 years it's such an automatic thing for me for it to be stuck to the top of the page.

[TreaKu]

@dude99 Thanks! It works!

[dude99]

Great News! @nomadic have adopted this CSS mod, so all future update will be maintain by him.

[shifte]

@dude99
Oh, my God!
@dude99 and @nomadic.
It's a big merger between HP and Compaq.

[shifte]

@juanvase
It's true!
Truth is spoken here.
opera12 is the soul, Vivaldi is the dream.

[dude99]

@shifte Nah...

It's more like Microsoft give up on smartphone concept halfway, then Apple made IPhone! LOL

[shifte]

This post is deleted!

[BloodyElf]

@dude99 Thank you for your work!
I also use multiline-tabs.css from VivaldiHooks.
If I use both of these css together - drag and drop of tabs on the panel doesn't work. Tabs are being dragged to the wrong place.
It can be fixed?

[dude99]

@bloodyelf This CSS mod doesn't modify any tabbar properties except adding padding-left: 2px to both #tabs-container & #tabs-subcontainer. Everything else are work around the tabbar. So, maybe you can try remove that value & see if it's the cause of the problem?

Also, did you try with just one CSS mod at a time? See if both works properly separately?

Else, I don't think both mod are compatible with each other...

Also, currently there is a bug related to drag & drop tab always end up in the last position... in Windows OS at least. (fixed in latest stable release)

Sorry, can't help u here. This mod is actually adopted by @nomadic & I'm pretty much handoff from this project now.

[shifte]

@bloodyelf
You can drag-drop using this one instead.

@nomadic posted a CSS on 2/2.
https://forum.vivaldi.net/topic/25453/multiple-row-tabs/101?lang=ja&page=6

[BohemiaDrinker]

@dude99 and @nomadic , thank you for solving this!

[FergyA]

I'm having an issue that pop downs from extensions kept in the address bar aren't clickable in the region of the toolbars with this mod. Is there a way of fixing this? I have a couple of extensions which have buttons in this area which aren't clickable, which makes the extension unusable. (For example adding an account to bitwarden, the add account button is completely inaccessible).

[dude99]

@fergya Sorry. Pls direct your post to https://forum.vivaldi.net/post/491392. This mod is now adopted by nomadic.

[Lorka85]

Hello everybody ! Thank you very much Dude99 for this great CSS script ! i have added this two lines for remove the trashbin icon and the + icon (new tab) :

.button-toolbar.toggle-trash { display: none !important; }
.toolbar-tabbar .newtab { display: none; }

But i have a little problem (in the original script too), i have an incompressible space to the right of the tabs bar (under the red arrow on this screenshot), no news tab appear in this area, how i can resolve that ?

And when i minimize the browser's windows, i dont have the title bar who appear, so... i can't move the browser's windows with the cursor of the mouse... lol

[dude99]

@lorka85 pls read previous post above yours.

[FergyA]

@dude99

Just FYI, nomadic isn't replying to anything in that thread either... Think we can call your CSS mod dead.