Remove Tab Spacing in ALL Windows (not just Maximized ones)



  • Does anyone know how to have Vivaldi remove those annoying few pixels above the tabs?

    I'm running i3, therefore have no window decorations, and even when Vivaldi is occupying the whole screen, the tabs don't reach all the way to the top of the screen. I'm assuming the "Remove Tab Spacing in Maximized Windows" setting is supposed to handle this for maximized windows, but it's not working that way in i3. Perhaps the windows aren't registered as maximized.


  • Moderator

    @huladaddy: How would you propose this be done, as a non-maximized window HAS no fixed relationship with the top of the screen? As it's not maximized, you can move it anywhere. I fear somehow your system, and not Vivaldi, is doing this - if you have the spacing turned off. If, indeed, it were NOT maximized, you could stretch it to the top of the screen yourself! If you can't that would not be Vivaldi's doing.



  • Yes, but the tabs DO have a fixed relationship with the top of Vivaldi's window. Maybe you got confused when I was talking about i3. If you don't know what that is, that's OK. In my instance, windows are always "maximized", for sake of simplicity.

    The bottom line is that I want to eliminate the padding between the top of the tabs and the top of the window in all cases, maximized or not.


  • Moderator

    @huladaddy: I've never cared one way or the other if the tabs went all the way up or not, partly because I could not be affected by the issue, ever, since I keep my tabs on the side. So I've not been a careful observer of how Vivaldi handles this. I did a little experimentation and it's true, under all circumstances, whether free-floating, snapped to an edge, or whatever, even if you turn off the top space for maximized, it is only good for maximized. The space is preserved within the Vivaldi window for all other conditions. Somewhere in the back of my head has always been the question: Why only "when maximized?" Perhaps the developers want to leave something to grab onto to drag or stretch a non-maximized window.

    Please put in a feature request on the same page where you file a bug report.



  • It's actually very easy with this css mod
    https://forum.vivaldi.net/topic/11503/tab-gap-on-minimized
    I've added it in VivaldiHooks and works nicely.



  • Thanks very much for testing that! Nice to have it confirmed. See, in my case, the tabs are along the top of my screen. When, I want to select a tab, I slide my cursor to the top of the screen over a tab, then I have to bring it down a few pixels to select a tab. Basic UI no no.



  • @iAN-CooG OK. Really cool. I wasn't aware of your project, nor all the other activity happening in Modifications... Heading there now!



  • @iAN-CooG I managed to move the tabs to the top (removed the padding), but now it appears that the top 5 pixels or so of the tab are not clickable. So if I click to the top pixel of a tab, it doesn't get selected. Is there a setting in the css for that?



  • @huladaddy said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    @iAN-CooG I managed to move the tabs to the top (removed the padding), but now it appears that the top 5 pixels or so of the tab are not clickable. So if I click to the top pixel of a tab, it doesn't get selected. Is there a setting in the css for that?

    If your code isn't too lengthy, you could just post it here.

    For me, also on Linux,

    #tabs-container.top {
        padding-top: 0px !important;
    }
    

    allows me to do what you describe.



  • @aesouza So I'm just playing with editing common.css. How are you doing it? Is there a preferred method?

    And yes I did something very similar to you, but the top few pixels of the tab don't select the tab. Are you getting that too?



  • @huladaddy said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    @aesouza So I'm just playing with editing common.css. How are you doing it? Is there a preferred method?

    And yes I did something very similar to you, but the top few pixels of the tab don't select the tab. Are you getting that too?

    Ian has suggested Vivaldi Hooks which I'll be looking at when I get some free time.

    Meanwhile, I have a custom.css here: /opt/vivaldi-snapshot/resources/vivaldi/style/custom.css

    And I need to modify common.css each time there's an update to include the line

    @import "custom.css";
    

    as the first line of that file. I don't modify common.css in any other way.

    I use this one-liner to update custom.css:

    sudo sed -i.bak -e '1i@import "custom.css";\' /opt/vivaldi-snapshot/resources/vivaldi/style/common.css
    

    To answer your question, after using the code I posted in the previous post, even if I press the mouse cursor against the top of the screen and slide horizontally, the relevant tab is highlighted. I don't have to move down any amount at all.



  • @aesouza Thanks. That's very helpful. For what I'm doing, I think that will work fine. Is the code snippet above starting "#tabs-container..." by itself a valid custom.css file?



  • @huladaddy said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    @aesouza Thanks. That's very helpful. For what I'm doing, I think that will work fine. Is the code snippet above starting "#tabs-container..." by itself a valid custom.css file?

    Yes. There's no need for any sort of header or footer if that's what you're meaning.

    All we have to make sure is that there's no code in following lines that negates code in earlier lines.

    I'm assuming custom.css is read after common.css.



  • @aesouza said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    To answer your question, after using the code I posted in the previous post, even if I press the mouse cursor against the top of the screen and slide horizontally, the relevant tab is highlighted. I don't have to move down any amount at all.

    I just tested this. I am not able to select a tab near the top of the tab, but I am with FireFox, so it does seem to be Vivaldi related.



  • FYI tried various window managers.
    Seems to be a combination of Vivaldi code and the implementation of the window manager.
    Using the custom css padding-top: 0px !important; I still have a non responsive edge at the top in i3-wm and xfwm4 while in openbox, compiz and metacity the tabs are clickable at top of screen..

    Using i3-wm with google-chrome, Opera or Firefox the tabs are clickable at the very top.



  • @CantankRus said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    FYI tried various window managers.
    Seems to be a combination of Vivaldi code and the implementation of the window manager.
    Using the custom css padding-top: 0px !important; I still have a non responsive edge at the top in i3-wm and xfwm4 while in openbox, compiz and metacity the tabs are clickable at top of screen..

    Using i3-wm with google-chrome, Opera or Firefox the tabs are clickable at the very top.

    Interesting... Thanks for researching. Wonder what can be done?



  • @huladaddy
    Don't know sorry. :confused:
    Never used i3 before. Just installed to see how it behaved.



  • @CantankRus said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    @huladaddy
    Don't know sorry. :confused:
    Never used i3 before. Just installed to see how it behaved.

    I haven't tried i3: does it have a setting to remove window borders (and decorations)?



  • @aesouza
    Don't know ...it's a tiling window manager that probably needs a bit of reading to understand config.
    i3 arch wiki
    Seems pretty slick to use for a keyboard aficionado, but I'm more of a mouse man(some say I'm just a rat). :astonished:



  • @aesouza said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    @CantankRus said in Remove Tab Spacing in ALL Windows (not just Maximized ones):

    @huladaddy
    Don't know sorry. :confused:
    Never used i3 before. Just installed to see how it behaved.

    I haven't tried i3: does it have a setting to remove window borders (and decorations)?

    Yes, it does.

    https://i3wm.org/docs/userguide.html#_border_style_for_new_windows


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.