Padding remove

nahianadnan1234

Hey, Does anyone know how i can remove this padding form top?
i am on Arch Linux - BSPWM.

edwardp

@nahianadnan1234 I run Debian here and see the same. It's seems to be part of the UI (user interface). I don't see any setting that would allow for its removal.

Pathduck

Are you guys running the browser maximized or as a window?

For maximized, there's a setting in Settings > Tabs.

But for windowed it can't be removed without a CSS mod. I guess the thinking is that a lot of users fill their tab bar and so have no way to "grab" the window to move it. Still kind of pointless though, as a user can still move the window by dragging from the right of the New Tab button. But there may be OS differences here.

I remember years ago there was a lot of users crying about how they could not just slam their mouse to the top of the screen to move the window (or select tabs or whatever some users do). So they added padding in maximized windows and an option to remove the padding.

But for "windowed" windows you still need custom CSS.

mib2berlin

@nahianadnan1234 @edwardp
Hi, this is a bug with enabled file menu, reported and confirmed.
Change the setting and the bug is fixed.
I hope they fix the in one of the next updates.

Cheers, mib

Pathduck

@mib2berlin Yeah I just noticed after writing - in @edwardp's image they have horizontal menu enabled and that's a Snapshot bug.

But for the spacing in @nahianadnan1234's image - that's a lot of spacing there. Maybe an OS thing?

In Windows it is:

And in a regular window:

So basically the same.

edwardp

@Pathduck said in Padding remove:

Are you guys running the browser maximized or as a window?

I have both Stable and Snapshot running in a Native Window.

Pathduck

@edwardp Yeah, but like mentioned above, what you're seeing is a bug when you have the horizontal menu enabled.

What we need to figure out is what causes that massive spacing in the OP's image.

edwardp

@Pathduck Yes. This is what it looks like under Snapshot, using the Vivaldi icon for the menu.

The spacing disappears.

edwardp

With a Vivaldi button menu in Snapshot, un-checking the option @Pathduck referenced above, causes the Vivaldi button icon to slightly drop in position. The bottom of the icon almost touches the top of the toolbar. With the option enabled, the icon position is aligned with the tabs.

nahianadnan1234

@Pathduck hey, Yes its same for other but in mine case,
when i press minimize botton then -

but when i don't press minimize botton i got this -

btw i've removed close/minimize icons form vivaldi because i use BSPWM and its doesn't look good with those icons,

Pathduck

@nahianadnan1234 I guess it's just working as intended.

I'm on Windows and it looks like:

So yes a much larger spacing in non-maximized windows.

btw i've removed close/minimize icons form vivaldi because i use BSPWM and its doesn't look good with those icons,

How did you do this? CSS mods? Then I suggest you look at modding this extra space away. For now this is the only solution.

nahianadnan1234

i've added this on common.css

/* Added Lines */

.window-buttongroup {
  display: none !important;
}
.linux #tabs-container:not(.none).top {
  padding-right: 10px;
}

/* End lines */

I suggest you look at modding this extra space away.

how i can do that? i am not PRO at css.

Pathduck

@nahianadnan1234
Please read this first to learn how to:
https://forum.vivaldi.net/topic/10549/modding-vivaldi
https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools

Then try this:

#browser.normal #header,
#browser.normal #header .vivaldi,
#browser.normal #header .window-buttongroup button {
    height: 30px !important;
}

The .normal is the class assigned to the browser element when a window is non-maximized. Tabs are by default 30px, so this should make the header the same size as tabs. Make the header any smaller and you start getting issues with tab clipping.

The lines for the button and the buttongroup are needed otherwise it looks fugly. You probably don't need the buttongroup one since you hide it.

Note that (very important), there are probably differences here between how things are coded in the UI in Linux. And I have no clues about the many quirks of Linux WMs.

I'm moving this to the Modifications subforum as there's no option in Vivaldi to remove this padding (working as intended for now).

nahianadnan1234

@Pathduck thanks its works now, Now i got as i needed, Thank you.

Pathduck

@nahianadnan1234 Great

Remember that the UI code in Vivaldi changes all the time, and if it stops working because they changed the code, you'll need to understand how to inspect the UI, find the issue and fix it.

So get learning some basic CSS
https://www.w3schools.com/css/default.asp

nahianadnan1234

@Pathduck i know basic CSS, but i thought that i have to learn advanced css for customize Vivaldi.

Pathduck

@nahianadnan1234 No, not at all. I'm no CSS expert either. What's important is to understand how the UI is built (which you learn by inspecting the code), and how to override the values set in the browser CSS.

There's little advanced CSS here, although they're starting to use more of the newer selectors like :not() and similar, which makes it a bit more like coding I guess.

A good tip for learning is opening DevTools in UI inspect mode (read the doc above), then going into Sources, then vivaldi-data > css-mods. Then you can experiment with code without having to restart the browser every time you make a change in your CSS files. Just remember it's not permanent there (unless you use overrides, which is more complex).

nahianadnan1234

@Pathduck Okay thanks for information ( i will inspect Vivaldi's CSS,

One more thing - i saw this on old vivaldi post and its not been updated, ( OPEN LINK IN NEW TAB ) like firefox,chrome and other browser has this feature, when i press open link in new tab - new tab created but i can stay on old tab that i am using, this feature not in the vivaldi.

Pathduck

@nahianadnan1234 said in Padding remove:

i saw this on old vivaldi post and its not been updated,

What "old vivaldi post"?

If you mean always open links in background tabs, there is no such option in Vivaldi. Or in any other browser far as I know, unless you use an extension.

Users always seem perplexed by this for some reason.

Like in any other browser, you either...

Shift-click the link to open in a new tab
Ctrl-click the link to open in a background tab
Right-click the link to open the context menu, then select what you want

I don't know why users keep saying Chrome has this feature, it clearly does not. You use the context menu or ctrl/shift-click, like it has always been in all browsers...

nahianadnan1234

I don't think you've understand, when i press ( OPEN LINK IN NEW TAB ) It opens in the new tab and staying in the old tab as you've said

Ctrl-click the link to open in a background tab

but in the chrome or other browser has this without pressing Ctrl+CLICK, And when we moved to vivaldi, We all need this feature, and its not in the vivaldi.

in shotcut, - I don't press cntl + click in the chrome. just i do is = mouse - right key press then ( OPEN LINK IN NEW TAB ) click. like how people do windows refresh in the desktop.