Top right corner close button doesn't align

TianlanSha

Vivaldi on Windows, other browsers on Linux, other programs on Linux, when maximized, if you drag your cursor to the top right corner of the screen, it focuses on the close button so you can easily close maximized programs without spending the extra effort of shifting your eyesight in that particular place and placing extra effort on your hand to position the cursor not exactly in the top right corner, but a little southwest from there.

For some reason Vivaldi on Linux doesn't do this and it makes using the browser a bit more annoying.

I urge the developers to look into this and issue a quick fix.

For more information, I'm using Linux Mint 21.3 running Cinnamon DE.

DoctorG

@TianlanSha said in Top right corner close button doesn't align:

I urge the developers to look into this and issue a quick fix.

report issue to Vivaldi bug tracker. Once that is done, share the bug number (beginning with VB-) you got by bug report mail. Thanks for helping us making Vivaldi better.

TianlanSha

@DoctorG said in Top right corner close button doesn't align:

@TianlanSha said in Top right corner close button doesn't align:

I urge the developers to look into this and issue a quick fix.

report issue to Vivaldi bug tracker. Once that is done, share the bug number (beginning with VB-) you got by bug report mail. Thanks for helping us making Vivaldi better.

Here is the bug number VB-107909

alghostzx

+1 for interest for this, it's driving me insane, my muscle memory just jolts the cursor to the top right and clicks to close, but all it does is snap the window to the top right quadrant in KDE

Bab02failed

I've had this issue as well, been dealing with it for the past months, only a few days ago that I started looking for potential solutions but to no avail

I really like Vivaldi, it has everything I want and even more than I need, I use mouse gestures all the time, thing that Opera has but updates made that browser ugly and slow and Opera GX doesn't exist on Linux... I'm on Kubuntu 24.04 if anyone's caring.

I know there's the option to switch to native interface, but it creates a space above tabs, which I also select by quickly moving my cursor to the top of the screen, so I excluded it.

With a little bit of css modding and the help of chatgpt I managed to get a satisfactory result.

Create a Mods folder in ~/.config/vivaldi/ and create a css file with whatever name, full path should be /home/YOU/.config/vivaldi/Mods/topcornerbuttons.css
Type "vivaldi:experiments" in the address bar and check "Allow CSS modifications"
Go in the browser settings, appearance section, and add the folder path to "user interface modification"
Add the text below to your css file and save it
Done! Restart your browser.

.window-buttongroup {
    top: 0 !important;
    right: 0 !important;
}
.window-buttongroup button {
    padding: 0 !important;
    margin: 0 !important;
    height: 31px !important;
    width: 30px !important;
}
button.window-minimize:hover, button.window-maximize:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}
button.window-close:hover {
    background-color: rgba(240, 16, 32, 0.8) !important;
}

With !important everywhere just to make sure they override Vivaldi's defaults, and some extra hover effects.

You can change the height and width values if needed. I use the "Opera Dark" theme with the Subtle icon set so 31 and 30 were the correct ones for me.

I hope it helps, cheers!

mib2berlin

@Bab02failed
Hi, I use your mod mainly to align the icons, work fine.
May you can open a thread with your modification in the modding section.
I send a user here but nobody can find it searching the modding section, what users usually do.
One point, it is not a good idea to have the CSS folder inside .config/vivaldi.
Sometimes updates wipe folders and files in this folder.
I have it in a cloud folder, so I can use it on all my devices on Linux/Windows in different locations.

Cheers, mib

Bab02failed

Hey, Bab here.

I opened a thread in the mods section: https://forum.vivaldi.net/topic/108241.
I modified the instructions according to the concern for ~/.config/vivaldi/.