Solved Combine Window Title and Address Bar when Tabs are on the Side

[hlehyaric]

@chiefsucker It's better to ask for a mod on Modification forum board than on FR board.

[andjil]

This is a great request to make Vivaldi stand out in the browser wars. Should be marketed as Laptop Mode, as it's most usable on laptops with limited vertical pixels, like 1920x1080. I'm using combine-header-toolbar.css with the bookmarks and tabs to the left, with the regular tabs panel removed. Absolutely love it!

[CubeApril]

This worked great for me on macOS:

#browser #header {
  display: none;
}

[mzayani]

This post is deleted!

[mzayani]

@cubeapril now when you open the preferences you cannot close it !!!

[dude99]

@mzayani add :not(.is-settingspage) after #browser

[ngburke]

I have made some modifications to the original based on comments in this thread and posted it in a github repo. You can see it here: https://github.com/ngburke/vivaldi-custom-ui. Only tested on windows so far.

[sedative29rus]

@ngburke This works fine on Linux (XFCE). Thank you.

[valsuraev]

@ngburke,
is there any way to make it work on any window size, not only when maximized?

[ngburke]

@valsuraev yes, you can. Replace everything that says ".maximized" with ".normal". However, it is not very usable because there is no way to grab the window and move it. If you find out a way to keep the window movable, let me know and I'll publish a version.

[Jatsu]

@ngburke Hello
css works fine in browser, but in mail buttons collide with each other, can you look at it?

[sedative29rus]

@jatsu Just hold down the Shift key and move these buttons

[michacassola]

Hey, do we know if the vivaldi team is considering or implementing this? Do not want to have to keep on modding after every update! And this is the feature that is missing for me, because if edge does it, vivaldi needs to have already done it. Just a joke, but would really appreciate it!

[pafflick]

@michacassola Features that are currently being worked on are tagged as IN PROGRESS. Planned features are tagged PIPELINE. At the moment, this feature is not being developed.

[Gluonz]

I would really like this; this is extremely similar to the "Hide title bar in vertical tabs" feature in Edge.

[ZakMcKracken]

@sedative29rus
How do you mean that?
I'm having the same issue as @Jatsu, that the URL bar makes space for the V menu, but in the mail and RSS views, stuff is overlapping.
If I hold shift and drag, nothing happens. If I right-click and click "customize", I have the option to remove an existing icon or reset the bar to default layout.

I think what's needed is an additional line in the .css file which puts a padding/margin on the button bar in the mail/feed view. For that, I need to how to adress that bar via CSS.

[sedative29rus]

@zakmckracken said in Combine Window Title and Address Bar when Tabs are on the Side:

If I hold shift and drag, nothing happens

Perhaps you should first place the tab bar on top and then move. Buttons in the mail can be moved in the same way as in other panels.

But I agree that an additional line in css is needed. And this time I didn't get lazy and looked at what should be written in this line.
Something like that:

.maximized#browser:not(.native):not(.tabs-top) .toolbar.toolbar-mainbar.toolbar-mailbar {
	padding-left: 30px;
	padding-right: 140px;
}

[Abhimanyu]

1. i want to use this mod but as it isn't checked for security issues by the vivaldi team, is it ok to use this mod?
2. do any of you have insights why being upvoted in large no. it hasn't been implemented yet or at least in pipeline?
3. is there any fix for overlapping issues when tab bar and/or address bar is located in right & top respectively.
4. is there any other mod or some other way to achieve this without going for fullscreen mode one?

[nomadic]

@Abhimanyu said in Combine Window Title and Address Bar when Tabs are on the Side:

i want to use this mod but as it isn't checked for security issues by the vivaldi team, is it ok to use this mod?

CSS mods are pretty safe. You would have to be pretty inventive to make something harmful security wise. As long as CSS doesn't have any URLs in it, I don't see how it could damage security other than tricking you into clicking on something you might not want to.

do any of you have insights why being upvoted in large no. it hasn't been implemented yet or at least in pipeline?

There is currently an experimental feature being worked on in the current snapshot version that allows better customization of toolbars. It seems reasonable that it could be adapted to include this feature.

[Abhimanyu]

There is currently an experimental feature being worked on in the current snapshot version that allows better customization of toolbars. It seems reasonable that it could be adapted to include this feature.

thanks for the update.