Tree Tabs



  • This is amazing work. I'm a diehard Firefox Tree Style Tabs user, and this is the only thing that I've used that can begin to measure up.

    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. Does that sound like something that would be possible within Vivaldi?

    I'll also second the request for a github repo when you feel comfortable with the extension. :D



  • @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.



  • Thank you so much for making this. I'm looking forward to ditching firefox and its laggy TST extension when this is more fleshed-out.

    What do you think about implementing some sort of tab grouping system, similar to the pano extension? (https://github.com/teramako/Pano). I don't know how pano did it, having never used it, but the screenshots look nice. Being able to place tabs into collapsible categories would be very useful, whether using a native browser tab groups feature or not. I'm assuming that eventually we will be able to load/unload whole trees at once with this extension, and hopefully that could work with these categories as well.

    Yes, my firefox profile includes both TST and some tab group manager extensions. Is that weird? I gotta sort those tabs.



  • Amazing! one of the last things that is holding me in Firefox,

    could you add the option to disable the home button?
    maybe also reduce the space behind the tabs, making the panel sleeker and wasting less space?

    Not related to your extension but how would i go about increasing the font size of the interface?
    i usually reduce the interface size using the slider in the menu but it also reduces the font size (fortunately it doesn't affect your extension) making some stuff kinda hard to read..



  • @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 ^^



  • @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.



  • @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?



  • @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.



  • @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



  • @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 :D

    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.



  • @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 :smiley:



  • @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)]



  • @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.



  • @luetage All I needed to know.



  • 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!



  • 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 :D


  • @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 :D

    OMG maybe it got sick? ;)



  • 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 :)



  • New update with new options!

    • Import/Export themes
    • Rename theme

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



  • Is it possible to work with Chrome ? :relaxed:


Log in to reply
 

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