• Browser
  • Mail
  • News
  • Community
  • About
Register Login
HomeBlogsForumThemesContributeSocial

Vivaldi

  • Browser
  • Mail
  • News
  • Community
  • About

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups

    We will be doing maintenance work on Vivaldi Translate on the 11th of May starting at 03:00 (UTC) (see the time in your time zone).
    Some downtime and service disruptions may be experienced.
    Thanks in advance for your patience.

    1. Home
    2. Desktop
    3. Customizations & Extensions
    4. Modifications
    5. Want a thinner tab height and got no clue.

    Want a thinner tab height and got no clue.

    Modifications
    5
    14
    1.0k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • mib2berlin
      M
      mib2berlin Soprano @vhxlyt
      last edited by

      @vhxlyt
      Hi, with my low knowledge of CSS the mainbar is the address bar, not the tab hight.
      Change the hight from 30 to 20px will show you what happen.

      Cheers, mib

      Opensuse Tumbleweed x86_64 KDE 6.2 X11, Windows 11 Pro, Vivaldi latest
      HP Probook Intel(R) i5-8350U 16 GB, GPU UHD 620, SSD 256 GB
      Miniforum-B550 AMD Ryzen 7 4700G 16 GB, Radeon Graphics
      Redmi Note 14, HyperOS Android 14

      1 Reply Last reply Reply Quote 0
      • Pathduck
        P
        Pathduck Moderator Soprano Supporters @vhxlyt
        last edited by

        @vhxlyt Yeah sorry, I misunderstood - that code is for the address bar, not tab bar. I don't have any code for the tab bar.

        Read the docs already linked to, learn to inspect the UI and play around, learn CSS. You'll figure it out ๐Ÿ™‚

        ๐ŸŽปVolunteer helper ยท Forum moderator ยท Sopranos tester ๐Ÿ› ๏ธTroubleshooting ๐Ÿ›Report a bug ๐Ÿ“œMarkdown help
        ๐Ÿฆ†"With a rubber duck, one's never alone" -Douglas Adams๐Ÿฆ†

        1 Reply Last reply Reply Quote 0
        • vhxlyt
          V
          vhxlyt
          last edited by

          Thank you guys for great help here, gratefully!
          @Aaron @Pathduck @mib2berlin

          1 Reply Last reply Reply Quote 0
          • dannii
            D
            dannii
            last edited by

            +1 for this request. I've dug around the forums and Google, and nothing about making tabs thinner. Tbh those few extra pixels wasted make my OCD go nuts :lol:

            bba4ff66-2b7f-49cf-8108-b99501cabda3-image.png

            I remember Opera had this option, not sure why it didn't migrate to Vivaldi ๐Ÿ˜•

            <i>"... Manners maketh man..."</i>

            mib2berlin
            M
            1 Reply Last reply
            Reply Quote 0
            • mib2berlin
              M
              mib2berlin Soprano @dannii
              last edited by mib2berlin

              @dannii
              Hi, it seems you mean tab spacing, you can remove this but only on maximized window.

              314e15ec-80b6-4e46-97c7-19cbcac09439-image.png

              There are mods about this:
              https://forum.vivaldi.net/search?in=titlesposts&term=tab spacing&matchWords=all&by=&categories[]=52&searchChildren=true&hasTags=&replies=&repliesFilter=atleast&timeFilter=newer&timeRange=&sortBy=timestamp&sortDirection=desc&showAs=posts

              EDIT: This one is working in 6.6/6.7:
              https://forum.vivaldi.net/topic/94541/remove-tab-spacing-in-non-maximized-window?_=1713063760297

              Opensuse Tumbleweed x86_64 KDE 6.2 X11, Windows 11 Pro, Vivaldi latest
              HP Probook Intel(R) i5-8350U 16 GB, GPU UHD 620, SSD 256 GB
              Miniforum-B550 AMD Ryzen 7 4700G 16 GB, Radeon Graphics
              Redmi Note 14, HyperOS Android 14

              dannii
              D
              1 Reply Last reply
              Reply Quote 1
              • dannii
                D
                dannii @mib2berlin
                last edited by

                @mib2berlin yessir! I mean Tab Spacing. However I want to remove it in non-maximised windows ๐Ÿ˜•

                <i>"... Manners maketh man..."</i>

                mib2berlin
                M
                1 Reply Last reply
                Reply Quote 0
                • mib2berlin
                  M
                  mib2berlin Soprano @dannii
                  last edited by

                  @dannii
                  You can use the modification I linked in my edit, it seems this work only on Windows.
                  You have to create a empty text file with an editor paste the CSS code from the user @nomadic and save the file as .css file.
                  I use tab_high.css.
                  A description how you do it: https://forum.vivaldi.net/topic/10549/modding-vivaldi?page=1

                  It is one of the major features of Vivaldi to modify the user interface as you like. We have mods Vivaldi look like Firefox, if this make any sense. ๐Ÿ™‚
                  If you do this once and get it working you know how easy it is.

                  Cheers, mib

                  Opensuse Tumbleweed x86_64 KDE 6.2 X11, Windows 11 Pro, Vivaldi latest
                  HP Probook Intel(R) i5-8350U 16 GB, GPU UHD 620, SSD 256 GB
                  Miniforum-B550 AMD Ryzen 7 4700G 16 GB, Radeon Graphics
                  Redmi Note 14, HyperOS Android 14

                  dannii
                  D
                  1 Reply Last reply
                  Reply Quote 0
                  • dannii
                    D
                    dannii @mib2berlin
                    last edited by

                    @mib2berlin said in Want a thinner tab height and got no clue.:

                    You have to create a empty text file with an editor paste the CSS code from the user @nomadic and save the file as .css file.
                    I use tab_high.css.

                    Hello~ What code from Nomadic? ๐Ÿ™‚

                    <i>"... Manners maketh man..."</i>

                    mib2berlin
                    M
                    1 Reply Last reply
                    Reply Quote 0
                    • mib2berlin
                      M
                      mib2berlin Soprano @dannii
                      last edited by

                      @dannii
                      I post the link:

                      4a343105-dc20-41af-81aa-67066469338b-image.png

                      Here you are: https://forum.vivaldi.net/topic/94541/remove-tab-spacing-in-non-maximized-window?_=1713063760297

                      Opensuse Tumbleweed x86_64 KDE 6.2 X11, Windows 11 Pro, Vivaldi latest
                      HP Probook Intel(R) i5-8350U 16 GB, GPU UHD 620, SSD 256 GB
                      Miniforum-B550 AMD Ryzen 7 4700G 16 GB, Radeon Graphics
                      Redmi Note 14, HyperOS Android 14

                      dannii
                      D
                      1 Reply Last reply
                      Reply Quote 1
                      • dannii
                        D
                        dannii @mib2berlin
                        last edited by

                        @mib2berlin Thank you!

                        <i>"... Manners maketh man..."</i>

                        1 Reply Last reply Reply Quote 0
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        • 1 / 1
                        • First post
                          Last post

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

                        Copyright © Vivaldi Technologies™ โ€” All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status