Tree Tabs
-
@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
-
@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.
-
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
-
@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.cssanymore, but instead the filebrowser.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
-
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?
-
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 ?
-
@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.
-
@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
-
@kroppy Good luck with that. The issue was closed with
status: won't fixin January 2016. Therefore comments are disabled.
