Mod: Removing Traffic Lights On Tab Bar

thedayismine

@kutay Any idea how to hide the titlebar when in fullscreen and hovering over the menu bar?

tobbelundberg

With some recent Vivaldi update this mod does not work for me anymore

Anyone know how to hide the stoplights now? I have this right now

tobbelundberg

Downgraded to version 6.6.3271.61 (from 6.7.3329.24) And things are back to working like they always were!

Doesn't feel great to not get new security updates and stuff, but it really bugged me to have the stop light icons being on top of my back/forward arrows and/or have that weird alignment where they're not vertically centered in the address bar

Much better!

Truemotion

Any fix for recent releases? They don't appear in developer mode anymore...

tobbelundberg

@Truemotion said in Mod: Removing Traffic Lights On Tab Bar:

They don't appear in developer mode anymore...

What do you mean "developer mode"?

I haven't dared trying to update. I'm afraid the mod will stop working again if I do

Truemotion

In the past, you could open the developer window and inspect the window buttons, so you would see where those buttons are in script for further css modding.

tobbelundberg

Ahh, yeah, exactly. They don't seem to be part of the JavaScript or CSS code anymore. I think they switched them to native controls, which is why we can't modify them anymore

I'm pretty sure they did that to implement this feature in Vivaldi 6.7

Tile apps with window split view on Mac: Window split screen view allows two sections, each displaying a different app, an addition that Mac users, especially those using big screens, will appreciate.

(quote and screenshot from this blog post https://vivaldi.com/blog/vivaldi-on-desktop-6-7/)

But I'm more than happy to give up that feature to be able to have better control over the traffic light buttons

tobbelundberg

Found another report of the same underlaying issue. So just cross-posting here for reference:
https://forum.vivaldi.net/topic/97607/button-top-margin-in-mac-6-7-version/9

qjava

@tobbelundberg You are right, Vivaldi no longer uses custom CSS to disguise as native macOS buttons. As of version 6.7, these are fully native macOS buttons with all their features. Therefore, all mods that modified this CSS will unfortunately not work
Since native buttons have a huge impact on the user experience and provide users with many features, the decision to switch to native beacons was really important. Not only does it provide cool window management features, but it also works with accessibility apps and third-party window managers.

tobbelundberg

@qjava Thanks for getting back to me.

all mods that modified this CSS will unfortunately not work

Yeah, and this includes all mods that want to change the height of the top bar, since the top offset of the buttons will look weird.
As you can see here

Since native buttons have a huge impact on the user experience

You are absolutely right. Unfortunately it's a bad impact in my case

it also works with accessibility apps and third-party window managers.

As you can see from my screenshots I don't even use the buttons at all, because I have my third-party window manager do the window management for me

Even without the native buttons it worked great with third-party window managers

So

Would you consider making it possible to hide the buttons?

Ideally with some way for JS code to replicate at least some of their basic functionality for users who need or want that. But even just being able to hide them at all would be great! Thanks

qjava

Well, I'd like to make it work for everyone, but while Vivaldi gives a lot of customization options, in some cases it's virtually impossible to make it work with custom UI modifications. For example, Vivaldi itself gives many options that affect the position of the traffic light (the position of the address bar, the position of the bookmarks bar and its visibility, etc.) and their handling is just complicated enough.

Even without the native buttons it worked great with third-party window managers

I'm glad it worked, but in our bug tracking system we had many bug reports of broken window managers or not working with our custom traffic light (e.g. Moom).

Would you consider making it possible to hide the buttons?

Personally, I would think that hiding the most obvious way to exit the app from the user is really confusing and shady
We can certainly consider this possibility, but we would have to evaluate the priorities of this (at this point) new feature.

tobbelundberg

@qjava said in Mod: Removing Traffic Lights On Tab Bar:

Personally, I would think that hiding the most obvious way to exit the app from the user is really confusing and shady
We can certainly consider this possibility, but we would have to evaluate the priorities of this (at this point) new feature.

Yeah, definitely not a feature most users would need. But just some way, no matter how convoluted, to hide the buttons would be great! I'd even entertain the possibility of building a custom version of the browser. I even downloaded the sources I could find, but that's where my efforts stopped at the time. But with some help/pointers I'd still be up for that.

What kind of JS <-> Native interface bindings do you have in place? Being able to hide the buttons, and then run some custom JS function to trigger them would be ideal I think.

qjava

JS communicates via extension functions, which are listed for example here (currently listes 6.6). If the API ever supports traffic light hiding, it will probably be there. However, using this is very unstable, and can be a security risk, so I would not advise doing it.

tobbelundberg

@qjava said in Mod: Removing Traffic Lights On Tab Bar:

JS communicates via extension functions, which are listed for example here

Nice! Thanks for the link. Please let me know if anything related to the traffic light buttons ever gets added to the extension functions.
In the meantime I'll stay on Vivaldi 6.6

Truemotion

Thank you, but anyway. So-called headless mode is highly appreciated, especially on a small screen of a notebook.
And now Vivaldi is the only one who doesn't support it... Add the option please.

qjava

@Truemotion said in Mod: Removing Traffic Lights On Tab Bar:

So-called headless mode is highly appreciated, especially on a small screen of a notebook.
And now Vivaldi is the only one who doesn't support it

Can you give me an example please?

I believe 'View -> Hide UI' (or Cmd+F10) is a great way if you want to focus on the content of the webpage without obscuring your view with browser UI. Also, you can 'Enter Full Screen' (green light, or Ctrl+Cmd+F) to hide traffic lights.
Or both, to hide everything from your view

tobbelundberg

@qjava said in Mod: Removing Traffic Lights On Tab Bar:

Or both, to hide everything from your view

I like to add Option+Cmd+P to that list of shortcuts too, to get a really clean experience

tobbelundberg

Ohh, this was interesting

Ctrl+Cmd+F + Cmd+F10 => Panel still shows
Cmd+F10 + Ctrl+Cmd+F => Panel is also hidden

Is this the expected behavior?

qjava

@tobbelundberg said in Mod: Removing Traffic Lights On Tab Bar:

I like to add Option+Cmd+P to that list of shortcuts too, to get a really clean experience

You can create a Quick Command and assign it a Custom Shortcut

Ctrl+Cmd+F + Cmd+F10 => Panel still shows
Cmd+F10 + Ctrl+Cmd+F => Panel is also hidden

Is this the expected behavior?

Probably not, good catch

Truemotion

@qjava hm, traffic lights? They are still there. I meant — does not support fully.