• 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. Extensions
    5. Tree Tabs

    Tree Tabs

    Extensions
    57
    334
    183.5k
    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.
    • kroppy
      K
      kroppy
      last edited by

      @joshuacant said in Tree Tabs:

      My biggest request right now would be tab-switching by using the scroll wheel. I'm very used to opening a bunch of child-tabs and then scrolling down through them using the wheel while my mouse cursor is positioned within the tree.

      I can try to implement it although this will get in the way with the entire tab list scrolling.
      There might be a way tho. For example changing "overflow-y" property of the tab list when mouse is over tabs, but, it would left you with mouse scrolling only on the scrollbar or on empty space. This how you imagine it to work? It's a bit different when tabs stretch/squeeze its size so that the tab list is not scrollable. Sorry I don't remember how it worked in TST extension for Firefox, it's been too long since I used it.

      1 Reply Last reply Reply Quote 0
      • zaibon
        Z
        zaibon
        last edited by zaibon

        @Abelard22

        @Abelard22 said in Tree Tabs:

        could you add the option to disable the home button?

        You can do this yourself via custom css:

        The code you need for this is:

        .button-toolbar.home { display: none }
        

        How to use custom css:

        1.) Go to the "About" page (vivaldi://about) to check the Vivaldi installation path.
        2.) Check the "Executable Path" entry. It should end with \Application\vivaldi.exe. Now close Vivaldi.
        3.) Navigate to that Application directory. It should contain a folder named after the current version of Vivaldi, like eg. 1.6.689.40
        4.) Open that folder and navigate to the following path: \resources\vivaldi\style
        5.) Edit the common.css file with a text editor and add the following code at the beginning of the file: @import "custom.css";
        6.) Use the text editor to create a new file in the same directory and name it custom.css. Make sure the extension of the file is actually .css and not .txt. If you don't know how to do that, check this tip.
        7.) Paste the CSS code to that file and save it. You can use that file from now on to paste other codes that you might find on this forum.
        8.) NOTE: Each time Vivaldi updates, you'll need to repeat steps 2 - 5 and copy your custom.css file to the new location.

        Credits for the css code: den_po
        Thanks and credits for this handy guide belong to pafflick - sorry I am way to lazy to rewrite it myself ^^

        W
        1 Reply Last reply
        Reply Quote 1
        • kroppy
          K
          kroppy
          last edited by kroppy

          @Abelard22 said in Tree Tabs:

          maybe also reduce the space behind the tabs, making the panel sleeker and wasting less space?

          The space on the left side, where the tree handle is located or space on top/bottom of the tabs? I can for example reduce tab's height as well.

          1 Reply Last reply Reply Quote 0
          • W
            WombatPete @zaibon
            last edited by

            @zaibon The get-rid-of-the-home-page work-around isn't working for me. Not sure why. Copied the text right out of this post. With the quotation marks, semicolons, etc., right?

            luetage
            L
            zaibon
            Z
            2 Replies Last reply
            Reply Quote 0
            • luetage
              L
              luetage Supporters Soprano @WombatPete
              last edited by luetage

              @WombatPete There are no quotation marks in the code. Read the official guide here: https://forum.vivaldi.net/topic/10549/modding-vivaldi

              And here the code from above without markdown:

              .button-toolbar.home {display: none}

              Hiding the home button is also possible with VivaldiHooks, if you don't feel confident running/maintaining your own custom.css. But this is off-topic here, so if you need further assistance you should make a thread on the modding forum board.

              github ◊ vfm

              1 Reply Last reply Reply Quote 1
              • zaibon
                Z
                zaibon @WombatPete
                last edited by

                @WombatPete
                Mmh I've to admit that I took the code from my css snippet collection but I didn't used it for a while
                It ain't working for me atm too so there is a good chance that by fixing a few issues with the homebutton some snapshots ago they renamed it. Which results in the inability of this css snippet to work.
                So you might want to try the suggestion from @luetage to switch to vivaldi hooks.

                Sorry for my misleading post

                luetage
                L
                1 Reply Last reply
                Reply Quote 0
                • luetage
                  L
                  luetage Supporters Soprano @zaibon
                  last edited by

                  @zaibon The code works on latest snapshot, the name of the element hasn't changed, I just double checked that.

                  Ok, back to Tree-Tabs 😃

                  I actually found a small inconsistency when pinning a tab, that is the only child of a parent. The opening/closing button of that parent will remain, as will the line down to the nonexisting child. When unpinning a tab the relation to the parent is forgotten.

                  github ◊ vfm

                  kroppy
                  K
                  W
                  2 Replies Last reply
                  Reply Quote 0
                  • kroppy
                    K
                    kroppy @luetage
                    last edited by kroppy

                    @luetage said in Tree Tabs:

                    I actually found a small inconsistency when pinning a tab, that is the only child of a parent. When unpinning a tab the relation to the parent is forgotten.

                    Yes, pin's parent will be lost when pinning/unpinning, it's a given... Am I supposed to store where each tab was placed before? It would be really hard to accomplish... When you pin the tab its parent changes to #pin_list instead of #tabId.
                    Instead of unpinning using a button, you can try to drag pinned tabs to the tab you want to parent it to.

                    The opening/closing button of that parent will remain, as will the line down to the nonexisting child.

                    Yes, I see that. I will fix it. Thanks for the report 😃

                    1 Reply Last reply Reply Quote 0
                    • W
                      WombatPete @luetage
                      last edited by

                      @luetage Weird. I'm sure the custom.css file is right. It's the line at the beginning of common.css. Right at the beginning, quotes around "custom.css", include the semicolon, carriage return after that - I think I've tried every option. [I'm using the latest stable snapshot, btw, not the latest snapshot overall (in case that makes a difference)]

                      luetage
                      L
                      1 Reply Last reply
                      Reply Quote 0
                      • luetage
                        L
                        luetage Supporters Soprano @WombatPete
                        last edited by luetage

                        @WombatPete Your post is off-topic in this thread 😕

                        The mini guide in zaibon's post isn't wrong, but it's outdated. We don't edit common.css anymore, but instead the file browser.html. It's the only file within the application you should ever edit.

                        Please read here: https://forum.vivaldi.net/topic/10549/modding-vivaldi
                        Any followup post regarding getting custom code to work should go there. Don't post in Tree-Tabs, it's a thread dedicated to the extension.

                        github ◊ vfm

                        W
                        1 Reply Last reply
                        Reply Quote 1
                        • W
                          WombatPete @luetage
                          last edited by

                          @luetage All I needed to know.

                          1 Reply Last reply Reply Quote 0
                          • kroppy
                            K
                            kroppy
                            last edited by

                            Update!

                            • You can now drag&drop between windows
                            • edit your own theme
                            • new options in menu

                            I have to warn everyone before updating to this version, you will lose your trees as I changed how data is stored. Sorry about that and before you complain, you have been warned about this in the first post!

                            1 Reply Last reply Reply Quote 0
                            • luetage
                              L
                              luetage Supporters Soprano
                              last edited by luetage

                              I love that we can theme it now. A few things I noticed:

                              • There is no save button in settings anymore, if I wanna activate the adjustments I have to reload the panel, which is inconvenient if the panel toolbar is hidden.
                              • Adding the webpanel doesn't work with right click anymore.
                              • The donate button is shaking violently, I think it has an acute shivering fit 😃

                              github ◊ vfm

                              kroppy
                              K
                              1 Reply Last reply
                              Reply Quote 0
                              • kroppy
                                K
                                kroppy @luetage
                                last edited by

                                @luetage said in Tree Tabs:

                                I love that we can theme it now. A few things I noticed:

                                In the future maybe I will make import/export themes (if I will have enough free time), for the time being you can share a screenshot of the options page to share theme's colors and anyone can reproduce it, by opening the image in photoshop, picking colors and inputting them. I know it can be annoying to input them all, but still, there is that option.

                                • There is no save button in settings anymore, if I wanna activate the adjustments I have to reload the panel, which is inconvenient if the panel toolbar is hidden.

                                Yeah, options are saved automatically, I was thinking maybe I should add Reload sidebar button?

                                • Adding the webpanel doesn't work with right click anymore.

                                You mean when you open options page, change url to sidebar.html and Right click? Yes, the menu is blocked, so the vivaldi's menu does not pop-up on top of mine.
                                You have to click on + button on the sidepanel instead.

                                • The donate button is shaking violently, I think it has an acute shivering fit 😃

                                OMG maybe it got sick? 😉

                                1 Reply Last reply Reply Quote 0
                                • kroppy
                                  K
                                  kroppy
                                  last edited by

                                  Update with a little fix, when there were no pinned tabs, there was a 2px white strip below toolbar. I forgot that even when pinned tabs list has 0px in height and has display none, Tabs list was still pushed down because of pinlist internal padding.

                                  Also here is my dark theme I wanted to share 🙂

                                  1 Reply Last reply Reply Quote 0
                                  • kroppy
                                    K
                                    kroppy
                                    last edited by

                                    New update with new options!

                                    • Import/Export themes
                                    • Rename theme

                                    I have uploaded my dark theme to google drive as well.

                                    1 Reply Last reply Reply Quote 0
                                    • JuniorSilva30
                                      J
                                      JuniorSilva30
                                      last edited by

                                      Is it possible to work with Chrome ? ☺

                                      luetage
                                      L
                                      kroppy
                                      K
                                      2 Replies Last reply
                                      Reply Quote 0
                                      • luetage
                                        L
                                        luetage Supporters Soprano @JuniorSilva30
                                        last edited by

                                        @JuniorSilva30 Chrome has no panel. You would need to run it in an additional window beside the browser. Some extensions do that already on chrome.

                                        github ◊ vfm

                                        JuniorSilva30
                                        J
                                        1 Reply Last reply
                                        Reply Quote 1
                                        • kroppy
                                          K
                                          kroppy @JuniorSilva30
                                          last edited by kroppy

                                          @JuniorSilva30 Sorry, no. But I'm working on compatibility for Firefox (I'm almost there). So basically I will cover Opera, Vivaldi and Firefox. You can, as @luetage said, open my extension in a new tab and detach it to a new window, but it's not that great this way. There are already extensions like "outliner", "tidy sidebar", "tabsman", "sidewise" and many others that do that (open a popup window), because there is no sidebar space in chrome.

                                          You can tell what you think about lack of sidebar/sidepanel/webpanel (all are the same thing) directly to google here

                                          luetage
                                          L
                                          JuniorSilva30
                                          J
                                          2 Replies Last reply
                                          Reply Quote 1
                                          • luetage
                                            L
                                            luetage Supporters Soprano @kroppy
                                            last edited by

                                            @kroppy Good luck with that. The issue was closed with status: won't fix in January 2016. Therefore comments are disabled.

                                            github ◊ vfm

                                            kroppy
                                            K
                                            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
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 16
                                            • 17
                                            • 2 / 17
                                            • 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