• 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. Vivaldi VH - Full height for your webpages, now on version 1.4

    Vivaldi VH - Full height for your webpages, now on version 1.4

    Modifications
    css
    19
    41
    9.1k
    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.
    • JoaoPauloS
      J
      JoaoPauloS
      last edited by

      @HKayn Is there any way to make this work with the Window panel instead of Tabs?

      HKayn
      H
      1 Reply Last reply
      Reply Quote 0
      • HKayn
        H
        HKayn @JoaoPauloS
        last edited by HKayn

        @JoaoPauloS This is on the roadmap and will be properly supported in the future.

        Until then, you can make it work by doing the following:

        1. Make sure that your panels don't float and are on the same side as your tab bar.
        2. Apply the following piece of additional CSS to Vivaldi:
        #main > .inner > :has(#tabs-tabbar-container) {
            width: 0;
        }
        

        Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

        1 Reply Last reply Reply Quote 1
        • BirkaVZ
          B
          BirkaVZ
          last edited by

          @HKayn I never used vivaldi before, downloaded it just to try out this mod, and it's exactly what I needed! Thank you!

          HKayn
          H
          1 Reply Last reply
          Reply Quote 1
          • HKayn
            H
            HKayn @BirkaVZ
            last edited by

            @BirkaVZ Glad to hear you enjoy it!

            How did you find out about Vivaldi VH, if I may ask?

            Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

            BirkaVZ
            B
            1 Reply Last reply
            Reply Quote 0
            • BirkaVZ
              B
              BirkaVZ @HKayn
              last edited by BirkaVZ

              @HKayn I saw a video about the arc browser that has similar ui, but it's for mac only, so I started looking, checked out this forum and found this post.

              It makes sense to me to move the whole ui to the side since almost all webpages are designed with legacy aspect ratios in mind, or scale to anything anyway.

              1 Reply Last reply Reply Quote 2
              • O
                Oliviaagarcia
                last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • HKayn
                  H
                  HKayn
                  last edited by

                  vivaldivh_promo_v1.2.0.png

                  Just in time for Vivaldi 6.0, version 1.2 of Vivaldi VH is now available!

                  With this version, the title bar is no longer required to activate the Pillar layout. Additionally, you can now use toolbar linebreaks for more control over how toolbar components spread across the address bar and status bar.

                  Click here for the full release notes and downloads.

                  Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                  IIIIIIII
                  I
                  1 Reply Last reply
                  Reply Quote 3
                  • IIIIIIII
                    I
                    IIIIIIII
                    last edited by

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • IIIIIIII
                      I
                      IIIIIIII @HKayn
                      last edited by

                      This post is deleted!
                      1 Reply Last reply Reply Quote 0
                      • I
                        ITN007
                        last edited by

                        Thanks for this, I'm really liking the mod so far. I like to use a pretty narrow sidebar, and that makes the URL on the address bar pretty much useless. I wonder if the URL bar could take "multiple rows" and word wrap?

                        HKayn
                        H
                        1 Reply Last reply
                        Reply Quote 3
                        • ppgm
                          P
                          ppgm Supporters Soprano @HKayn
                          last edited by ppgm

                          @HKayn
                          Hi! Thanks for the best mod!
                          I really like this!🤩

                          I addressed the problem where certain colors indicating selection were not displayed when multiple tabs were chosen. This has been resolved as follows.

                          Before:

                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #header,
                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #main,
                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #main .mainbar,
                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #main .inner {
                            display: contents;
                          }
                          

                          After:

                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #header,
                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #main,
                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #main .mainbar,
                          :root:has(#browser:is(.tabs-left, .tabs-right):is(.address-top, .address-bottom)) #browser #main .inner:not(rect) {  // Modified. Specify a non-rectangle to represent the selection.
                            display: contents;
                          }
                          

                          Soprano/tester
                          Blog: https://vomiting-point.hatenablog.com
                          OS: Windows 11 Pro x86_64

                          HKayn
                          H
                          1 Reply Last reply
                          Reply Quote 1
                          • HKayn
                            H
                            HKayn
                            last edited by

                            Apologies for forgetting to check in here!

                            Vivaldi VH is now on version 1.2.2, which fixes several small issues, most notably one where the Vivaldi button could appear misplaced after Vivaldi 6.2. Read more: https://github.com/HKayn/vivaldi-vh/releases/tag/v1.2.2

                            I'm currently working on version 1.3.0, which will include some larger changes. Development is public on the main branch of my GitHub repo, so anyone who can't wait may clone the repo and compile it themselves to test v1.3.0 early.

                            Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                            1 Reply Last reply Reply Quote 1
                            • HKayn
                              H
                              HKayn @ppgm
                              last edited by

                              @ppgm Thank you for the kind words! 😄

                              And thanks for reporting this bug! A fix for this is already on my main branch on GitHub and will be released with version 1.3.0.

                              By the way, I've checked out your blog and your custom theme looks great!

                              Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                              1 Reply Last reply Reply Quote 1
                              • HKayn
                                H
                                HKayn @ITN007
                                last edited by

                                @ITN007 Word wrap inside the URL bar might work, but there would be many design aspects to consider.

                                Where do you place the buttons in the URL bar once the text starts wrapping? And are these placements feasible with a CSS-only mod?

                                I might take this on in the far future, but no promises.

                                Out of curiosity, how much did the extending URL bar help with viewing long URLs, if at all?

                                Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                                1 Reply Last reply Reply Quote 0
                                • HKayn
                                  H
                                  HKayn
                                  last edited by HKayn

                                  demo-1.png

                                  Version 1.3 of Vivaldi VH is now available!

                                  This release changes some default behaviors of Vivaldi VH, enables resizing of the search field and fixes a lot of bugs.

                                  Most importantly, the panel will no longer be inside the Pillar by default. More info on why this change was made can be found in the full changelog. Rest assured that you are able to revert this change.

                                  Click here for the full release notes and downloads.


                                  Next up on the roadmap: The ability to replace the tab bar with the Window panel. 😉

                                  Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                                  1 Reply Last reply Reply Quote 5
                                  • HKayn
                                    H
                                    HKayn
                                    last edited by

                                    Version 1.3.1 of Vivaldi VH is now available, fixing a few more bugs.

                                    Click here for full release notes and downloads.

                                    Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                                    rexxDZN
                                    R
                                    1 Reply Last reply
                                    Reply Quote 4
                                    • rexxDZN
                                      R
                                      rexxDZN @HKayn
                                      last edited by

                                      @HKayn I have no knowledge of css, can u make it please be possible for the tab menu to auto hide to view the webpages in fullscreen. i am using this mainly to be a replacement of the arc browser lookwise...

                                      please help

                                      1 Reply Last reply Reply Quote 1
                                      • HKayn
                                        H
                                        HKayn
                                        last edited by

                                        vivaldi-vh-v1.4.0-promo.png

                                        Version 1.4 of Vivaldi VH is now available!

                                        This release introduces the heavily requested ability to forego the tab bar in favor of the Window panel. When you disable the tab bar, the panel will be automatically positioned in its place inside the Pillar.

                                        v1.4 also introduces several other changes to make Vivaldi VH more flexible. Most notably, you can now set the title bar to span the entire window width, ensuring that the window buttons are always where you expect them to be.

                                        Click here for full release notes and downloads.

                                        This version also marks the first release of a second edition of Vivaldi VH: The VivalArc Edition! This is a slightly modified edition of Vivaldi VH that is designed to be used in combination with VivalArc, a CSS modification by tovi for Vivaldi Browser that aims to mimic the aesthetics of Arc Browser. Check it out here: https://arc.tovi.fun


                                        @rexxDZN said in Vivaldi VH - Full height for your webpages, now on version 1.3:

                                        can u make it please be possible for the tab menu to auto hide to view the webpages in fullscreen

                                        This is on the roadmap, but I can make no promises as to when this will be implemented!

                                        Check out my CSS/JS mods: Vivaldi VH · Dashboard Camo

                                        1 Reply Last reply Reply Quote 4
                                        • C
                                          clearlyimaginative
                                          last edited by

                                          Your efforts are greatly appreciated. I just started using Vivaldi and this has, by far, been the most useful mod; even more so with the address bar change you recently made. Thanks again!

                                          1 Reply Last reply Reply Quote 1
                                          • ppgm
                                            P
                                            ppgm Supporters Soprano
                                            last edited by

                                            Thank you updated!!🤩

                                            Soprano/tester
                                            Blog: https://vomiting-point.hatenablog.com
                                            OS: Windows 11 Pro x86_64

                                            1 Reply Last reply Reply Quote 1
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            • 1
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • 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