Tree Tabs
-
For now, I have just one inconvenience to report: The buttons to open/collapse a group are pretty small and thus difficult to click on. I made my own custom CSS file to make them larger (from 6x6px to 10x10px), which makes them much easier to click on. Instead of increasing the actual size of the buttons, one could also only increase the size of the clickable area, which could also be made to fill the whole available space around the button.
Yeah, you are right, I should scale them with tabs size, but some may not like them bigger.
There is a lot more to just expand_box_size, try modifying defaults.js, you will find in TabsSizeSets below //4, to expand_box_size, you should consider 1px of border for each side, so in reality it's 7x7 px."expand_box_size": "5px", "expand_box_top": "8px", "expand_box_left": "3px", "expand_line_h_top": "11px", "expand_line_h_width": "12px", "expand_line_h_oc_width": "3px", "expand_line_v_top": "-11px", "expand_line_v_left": "0px", "expand_line_v_last_height": "23px"
expand_line_v, stands for vertical lines, expand_line_h stands for horizontal, lines have positions width and height.
Hard to explain at spot what is what so you just have to play with it...It's not on top of my priority list, but I might do an option to that.
Also, for some reason tabs' titles are not vertically centered for me (using the largest tab size available in the options) and changing a tab's vertical-align doesn't seem to help (maybe because the tab title is higher than the tab itself). Adding a margin-top of -1.5px helped center the titles for me, but is a very hacky solution.
Like before, try modifying defaults.js, you will find in TabsSizeSets in set //4
"tab_height_line": "27px",
to
"tab_height_line": "26px",
I will fix that as soon as possible.
To see changes after saving defaults.js file, reload options page, set tabs size to be smaller and back to bigger, this way theme will re-save itself, after that refresh webpanel on the side.
I also have suggestions for two new options that I would like to see (and already hacked together for myself) which might or might not be useful for others: a different hover color for the toolbar icons (e.g. using
.button:hover:not(.on) .button_img {background-color: var(--button_hover_icons, #808080);}
),Yup, I will consider it.
and an option to disable close buttons altogether (I always close my tabs with the middle mouse button or ctrl+W, making the close button redundant and potentially harmful when misclicking).
Yes, this is already on my to do list.
PS: here's a screenshot of how it looks with my settings & changes (the pin button is hovered and thus orange):
Nice, only expand lines are moved by your mod, but I guess you will be able to fix them
-
What would you say are the main differences between this extension and the well-developed and hugely successful "Tabs Outliner" for Chrome? I'm interested in both positives and negatives as I'm not choosing sides and I am no expert in what you're doing, not yet anyway. One thing, Tabs Outliner isn't updated at the moment, so that's a big minus, but it does a lot of things right.
For example, I could just drag 1200 tabs from that extension directly into Evernote and everything falls into place without any problem at all, even with formatting left if I remember correctly. That is something I would love in every tab extension.
-
@Werkaster said in Tree Tabs:
What would you say are the main differences between this extension and the well-developed and hugely successful "Tabs Outliner" for Chrome? I'm interested in both positives and negatives as I'm not choosing sides and I am no expert in what you're doing, not yet anyway. One thing, Tabs Outliner isn't updated at the moment, so that's a big minus, but it does a lot of things right.
For example, I could just drag 1200 tabs from that extension directly into Evernote and everything falls into place without any problem at all, even with formatting left if I remember correctly. That is something I would love in every tab extension.
I never really used Outliner, I installed it once, tried it and didn't like it. I don't know the logic of it and how it works, so I made a mess with my session using it. I didn't bother afterwards.
I developed my first vertical tabs extension mainly for myself, and shared it as it grew big and complex. Second one I developed has groups management, and this is the third one, which has trees. In the future I want to merge them all into one, but probably it will be another fork.
It all started 2 years ago. At the beginning it was just my own test working only for Opera to manage my huge session (I talk about 1000+ tabs). Opera back then just released sidepanel in version 29 and I decided to do something just like many vertical tabs extensions for Firefox.
People liked it and asked me if I could add groups management, so I did. Shortly after comments with requests for trees started to pop up, so I started to work on it, but in the meantime I started using Vivaldi, since Vivaldi has a Web panel, in which you can open any website/extension as a sidebar, I made it for both Vivaldi and Opera. Now Firefox started web extensions compatibility, so the idea is to make it 100% compatible with all 3 browsers.
This extension is more similar to what you have in TST rather than in Outliner even if it was not intentional.
I know that people that use TST will complain, for deficiencies, but at least they will have something to manage tabs in Firefox until piro converts his extension. Anyway it was never my intention to compete with anyone and making yet another extension that does same thing as others.
My goal is to make it faster, more stable and pack as much features as I can. I'm always open for propositions, of course within a reason of how much I can change and how much I can do in my limited free time.So if you want to compare just install it and try it out, don't ask me about the differences as I don't know.
If you like it use it, if you don't don't use it, simple as that. -
@chronometric said in Tree Tabs:
@JuniorSilva30 said in Tree Tabs:
the extensions that do the same are being abandoned because Firefox will change in version 57
The current plan of both Tree Style Tabs and Vertical Tabs Reloaded is to convert to WebExtensions for continued compatibility. The roadmap issue and the other project support pages do not mention any plans for abandonment at this time...
https://github.com/piroor/treestyletab/issues/1224@kroppy I just installed so don't have much constructive to say, besides that you've done a very impressive job already ^^ I've been using vertical/hierarchical tabs since the abandoned projects that inspired TST, and I can't picture interacting with web pages without it. Thanks so much for looking out for us
That is good news. People that like my extension will stay with mine, those who will want to go back to TST will go back. I wonder if piroor started to work on it already. It just feels like there is still a lot of time, but actually time flies fast. And TST is huge!
-
@kroppy, a couple of things:
-
I am so very appreciative of this plugin. Vivaldi provided everything that I wanted in a browser, minus tree style tab management, and you bridged the gap.
-
Is the selection of multiple tabs officially a part of the extension? I could almost swear that I've managed to do it a couple of times within the context of Tree Tabs, but 95% of the time, I cannot get it to work. If it is not, is that something that you could implement? Ctrl/Cmd+click to add or remove a tab from the current selection, or shift+clicking to select everything in between the currently highlighted tab and the tab that you are clicking, as is typical of many file management applications.
I would often like to take multiple tabs and nest them under a parent tab, and then there is also a (bug?) scenario in which Tree Tabs loses all of my tabs, and the only way to recover them is to create a new Vivaldi window, turn on the tab bar and drag them from one window to the other. The tabs all re-register in Tree Tabs, but they lose their hierarchy, so I have to re-structure the whole mess. My work often dictates that I have 60-70 tabs open simultaneously, so this can be quite arduous. The ability to select multiple tabs would be a huge help.
At any rate, again, thank you for your hard work.
-
-
@dLeon Yep
-
@kroppy, a couple of things:
- I am so very appreciative of this plugin. Vivaldi provided everything that I wanted in a browser, minus tree style tab management, and you bridged the gap.
Thank you
- Is the selection of multiple tabs officially a part of the extension? I could almost swear that I've managed to do it a couple of times within the context of Tree Tabs, but 95% of the time, I cannot get it to work. If it is not, is that something that you could implement? Ctrl/Cmd+click to add or remove a tab from the current selection, or shift+clicking to select everything in between the currently highlighted tab and the tab that you are clicking, as is typical of many file management applications.
I know it's buggy, I did some corrections today, so selecting should work better. But shift+click still works only on the same "level". I'm working on fix.
Download version 0.0.15 from my google drive.I would often like to take multiple tabs and nest them under a parent tab, and then there is also a (bug?) scenario in which Tree Tabs loses all of my tabs, and the only way to recover them is to create a new Vivaldi window, turn on the tab bar and drag them from one window to the other. The tabs all re-register in Tree Tabs, but they lose their hierarchy, so I have to re-structure the whole mess. My work often dictates that I have 60-70 tabs open simultaneously, so this can be quite arduous. The ability to select multiple tabs would be a huge help.
When that happens? I need some steps to reproduce this bug. It looks serious.
At any rate, again, thank you for your hard work.
My pleasure
-
@chronometric said in Tree Tabs:
Also worth keeping in mind, the WebExtensions version "deadline" being mentioned isn't the day of judgement; for instance, some of the necessary functionality in FF may not be approved until a build a few months or half a year later.
I rarely use FF, but I hope so, as I have some Legacy extensions in FF that are limited in Chrome/Opera/Vivaldi for example FVD or some youtube downloaders.
But as we all know Mozilla can be harsh, as they were with Australis mess. -
Multi-select is looking much better in 0.0.15, thanks so much for the improvements.
I will do my best to figure out a way to reproduce my issue where the tree loses the structure. It has happened twice, and both were at a time where I was in the middle of something at work, so I was paying more attention to how I can most quickly solve my work issue as opposed to documenting the Tree Tabs bug.
On another note, I have found myself needing both possible configurations for closing parent tabs. Sometimes I want to get rid of the parent tab and promote the children, and sometimes I need to close the tree. Would it be possible to implement behavior where if the parent node being closed contains:
- a collapsed tree, the children are closed as well
- an expanded tree, the children are promoted
Another solution would be closing the tab while holding a modifier key or something like that. At any rate, it would be nice to have access to both possible behaviors without having to check or uncheck a box in settings.
-
@xioustic There are no official extensions for the Vivaldi browser, and since Tree Tabs doesn't work on Chrome, it can't be submitted to the store.
What home button do you mean? -
By the way, you can easily package the file yourself, by simply enabling developer mode in extensions and selecting "pack extension". But there is no real benefit to it, other than having the extension folder in your vivaldi default folder. And it's debatable if that's really a plus, if there are no automatic updates anyway.
-
Multi-select is looking much better in 0.0.15, thanks so much for the improvements.
I will do my best to figure out a way to reproduce my issue where the tree loses the structure. It has happened twice, and both were at a time where I was in the middle of something at work, so I was paying more attention to how I can most quickly solve my work issue as opposed to documenting the Tree Tabs bug.
On another note, I have found myself needing both possible configurations for closing parent tabs. Sometimes I want to get rid of the parent tab and promote the children, and sometimes I need to close the tree. Would it be possible to implement behavior where if the parent node being closed contains:
- a collapsed tree, the children are closed as well
- an expanded tree, the children are promoted
Yes, it's possible, for now use "Close tree" from menu
Another solution would be closing the tab while holding a modifier key or something like that. At any rate, it would be nice to have access to both possible behaviors without having to check or uncheck a box in settings.
Like shift+click or something?
-
By the way, you can easily package the file yourself, by simply enabling developer mode in extensions and selecting "pack extension". But there is no real benefit to it, other than having the extension folder in your vivaldi default folder. And it's debatable if that's really a plus, if there are no automatic updates anyway.
To add salt to injury, when you pack the extension and install from a package, when you pack for the first time, it will generate a key which you have to keep, whenever you have to update, you have to repeat entire procedure and use that key. Otherwise when you install an update it will install as a new extension, and you will start from scratch each time without options and trees.
So that's why, loading unpacked is the way to go. You can unzip, replace files, reload extension and you are done.
I really wish there will be an extensions page for Vivaldi at some point...
Or at least someone could make an extension that allows to install from Opera's extensions page. -
@dLeon That's completely beside the point. Opera extensions don't update when you install them on Vivaldi.
-
@kroppy
Just open Opera Addons page with any browsers outside Opera Browser. There's a link to force download the *.NEX file inside Grayed "Add to Opera".
Change that extension to CRX. Drag & Drop it to Extensions Page.This will work only for installation. Updated link in manifest.json is for nex file on their server. I tried it and it does not work when I update.
I have no idea how they did that in "Download Chrome Extension" for Opera, I'm not 100% sure, but it looks like it updates chrome extensions.I use "Redirrect Bypasser" for Opera. The author only made for Opera & Firefox. Include he/her MIA.
Last time I test, "Tree Tabs" for Opera was version 0.0.9. Do the same thing above to it.
The features seem working.Extension is equal, there are only few lines more for Opera in manifest.json, which are ignored in Vivaldi. It will show you a warning, but it will work.
-
Another solution would be closing the tab while holding a modifier key or something like that. At any rate, it would be nice to have access to both possible behaviors without having to check or uncheck a box in settings.
Like shift+click or something?
Like shift+middle-click, to follow the existing convention for manipulating tabs, I guess. That would be sweet.
-
Hello!
I can't install Tree Tabs from AMO in Nightly 05-06-17. If try to install Tree Tabs using about:addons then I get an error "There was an error downloading Tree Tabs". If I try to install TT from AMO manually then I get an error "The addon downloaded from this site could not be installed because it appears to be corrupt".Thank you very much!
Nightly is broken for me for a week already. All icons are shifted div sizes are screwed (strangely small), tab titles are not centered vertically and so on. I have no idea what are they doing and what is going on. And now it can't even install so... try with Dev build, it should work: https://www.mozilla.org/en-US/firefox/developer/
-
Actually registered to say that, as a very long-time Firefox user looking for an alternative, this extension is indispensable on Vivaldi. The built-in tab stacking is, to me, sort of terrible, and this works well.
The only issue I've noticed so far is that, if set to open new sub-tabs as the first child, the selection order of the opened tabs is also reversed, which seems unintended and is a little jarring.
If I were to wish, I would hope for an option to use a top-bar style with collapsible trees and vertical indents, like one of TST's modes.
I also agree with one of the previous posts that an FF-esque tab-groups/tree-tab combo would possibly be the best thing ever for tab management, but that would be a huge project. Not-at-all-coincidentally, that could resemble what I use in FF: a top tab bar with vertical tree indents, and atop it, another bar with tab groups.
-
I tried the extension for vivaldi and i like it. i just miss an option to switch tabs by mouse wheel scrolling on the tab tree. Thank you.
-
Is there a public VCS repository (GitHub, GitLabβ¦)? I have some ideas for improvements and would like to send a patch.