Tree Tabs
-
Ahh, sorry -- didn't notice that you can drag and drop tabs to make them parents. It works already without the workaround described above.
-
Added some first options, in options page.
If some options don't work (or extension acts strange) reset options and apply. -
For now toolbar is half working, I will fix it later on.
-
Nice, that's looking promising.
-
@luetage This looks brilliant! Many thanks for making this. How can i use the Dark theme?
-
I don't think the dark theme is finished yet, therefore there is no option to activate it.
I tried switching all files between the folders and renaming the css files from standard to dark and vice versa, I get black settings and a black sidebar and the icons are ready, but the actual tabs seem to need a little more work.
-
@luetage OK, cool, looking forward to updates, this extension is what I have been missing!
-
I don't think the dark theme is finished yet, therefore there is no option to activate it.
I tried switching all files between the folders and renaming the css files from standard to dark and vice versa, I get black settings and a black sidebar and the icons are ready, but the actual tabs seem to need a little more work.
Not yet. I must polish things up first, and after that I will activate the dark theme.
I have in plans to make selectors for colors, so you could set things up to match your Vivaldi color scheme.
I have updated to new version with a new options for tabs opened from Ctrl+T shortcut.
Unfortunately I had no more time to touch the toolbar. -
Uploaded new update:
- finished toolbar layout
- search finally works
To do:
- "Unload tabs" button
- menu
- fix color consistency in light theme
- dark theme and custom theme
- bug hunting
- release on Opera's extensions page
I have to take a break for few days, in the meantime, please test and report if you find any bugs.
Thanks -
I forgot to add to "To do" list
- drag&drop between windows
-
Thanks, this is a very promising workaround for the lack of native tree-style tabbing. Is there a github/bitbucket repo? Would be great if we had a proper issue tracker for this.
-
-
Update:
- almost done with dark theme (matching Opera dark theme colors) you can try it out, but I still have to fix a lot of colors
- added menu (not finished yet)
More to do:
- another light theme matching opera new light theme
- another dark theme matching vivaldi
- change colors for "search result"
I'd like to hear your opinion:
- search results are selected (green color, I will change it later to something more pleasing), when you click on any tab results tabs will unselect and turn yellow, to select again use ctrl and click on tabs, or re-input search
Question is: do you like search results to be automatically selected? You can drag them around immediately...
Or would it be better to be optional?
-
I made some tests for media icons not working and it results that Vivaldi has a bug.
Reported BUG VB-27080 and we will see when Vivaldi team fixes it.
I could do periodic refresh for all tabs and check if any tab changed its audio status, but it can be a bit heavy....Fixed blurry titles on tabs. It looks like text is blurry when I use opacity in css, especially on discarded tabs, where opacity was as low as 60%, so I will use only colors in the future, but it will limit favicons to be half transparent unless I change the way how tabs header is arranged.
-
@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. -
@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
