Remove border around maximised window?

[SteveJY]

I'm using the horizontal menu and running Vivaldi maximised. One annoyance is that there's a thin border above the menu that prevents me from just pushing to the top of the screen and clicking. If I do that without thinking then I drag the whole window down. I have to push to the top then move the mouse pointed down a pixel or two before clicking on a menu.

This is also the case with the panel toggle. It doesn't activate if I push the mouse to the left edge of the screen and click. Again I have to move slightly to the right before clicking.

Is there any way to fix this and remove the border around the edges of the maximised window?

[dude99]

For only maximized window, u can move the entire menu upward by 1px with this:

.maximized #header > .topmenu > .menubar.horizontal {transform:translateY(-1px);}

As for panel toggle, I don't understand your problem because I can easily click the toggle at the edge of maximized window (without any CSS mod), but you can use the same trick above to move the toggle a few pixels toward the edge:

.maximized #panels-container.left #panel_switch {transform:translateX(-2px);}

If you are using CSS mod to add a "pseudo border" around the window, you can limit the border to only display during normal window by adding .normal in the syntax; example:

#browser:not(.native).normal {border-width: 0px 1.5px 2px 0.5px; border-style: solid; border-color: var(--colorAccentBg);}

If you are talking about FullScreen mode, then there are nothing we can do about it with CSS mod, cuz the 7px deadzone all around the edges are hardcoded & can't be alter with CSS mod. You will need a JS guru to help you with this problem.

That's all I know, hope this will help u. Have fun modding!

[SteveJY]

@dude99 said in Remove border around maximised window?:

For only maximized window, u can move the entire menu upward by 1px with this:

.maximized #header > .topmenu > .menubar.horizontal {transform:translateY(-1px);}

As for panel toggle, I don't understand your problem because I can easily click the toggle at the edge of maximized window (without any CSS mod), but you can use the same trick above to move the toggle a few pixels toward the edge:

.maximized #panels-container.left #panel_switch {transform:translateX(-2px);}

Thanks for your help. The menu tweak works perfectly and that was the main thing that was bothering me.

There's still a gap between the panel toggle and edge of the screen though. The mod just made the toggle thinner, rather than making it clickable with the mouse at the edge of the screen.

I don't know why I'm having that issue as I'm not using any other mods and most of my settings are left at the defaults...

[dude99]

@SteveJY So are u talking about maximized window or fullscreen?

You might wanna checkout my CSS panel mod which eliminate the need for panel toggle: https://forum.vivaldi.net/post/378402