Solved Horizontal Tab Scrolling Instead of Shrinking
-
@StephaneA Unfortunately, it is unlikely to happen soon, in spite of the popularity of the Feature Request. It would require a lot of work to implement this, which is why it is tagged as Nice to Have, rather than as Pipeline.
With over 2,700 feature requests, and a small team, those needed by few users or difficult to implement may have to wait for a long time. Wherever you see that a feature is tagged as In Progress, it may get done this year rather than next.
As with most issues, there are ways to work around it:
- Save a window full of tabs as a session to open whenever you need it
- Use multiple windows
- Use Tab Stacks
- Use the tab bar on the side.
-
Not good news. I've already tried the workarounds you suggest and they are not handy or suitable for my needs. I'll stick to firefox then. Thanks though.
-
Although proper (support for pinned and stacking and dragging) mod technically possible, with the way they've currently implemented tabs - a lot of logic is on JS side, which means you need to rework the original code. While it is possible to do even with compiled react (or whatever framework they use) - it is pure ass solution because it will be:
- a LOT of work
- even MORE work to keep updated with V updates
An alternative based on CSS (90% css, 10 js) technically doable, but it wont support tab re-arranging, dragging stacking and pinning will work but wonky, but hey, you can have your tabs of always fixed width + scrollwheel scrolling
-
I agree, I have a friend who wants to have this feature, it is remarkable that having so many options (including customizing the width of the tab used) this has not been implemented. I hope it will be included in some next version, this post has plenty of time.
-
+1
/agree
-
I need this feature. I think right now I have around 130 tabs that will read later.
Here is one more workaround for switching between tabs:
Right-click + Wheel scroll, in Vivaldi it is done better than in Waterfox + Mouse Gestures Suite extension as here, all tabs are visible and there is the scrollbar!However, I want to try to mod Vivaldi and find some workaround. Please, tell me at which line of the code and what file I need to check to start.
If it is very hard to implement buttons to scroll the tabs, why can't we shrunk the tabs a little and add a horizontal scrollbar?
https://pasteboard.co/JpqDHX0.png -
Unfortunatly right click + wheel is just impossible (try) by left handed folk (like me)
-
@StephaneA Try Ctrl+Tab instead.
-
@Pesala
I can't use my right hand -
@StephaneA The Tab key is on the left; so is the Ctrl key.
-
Oh you mean use a shortcut instead of the mouse, sorry I did not understand.
Won't do. What we ask here is a confortable option to use the mouse instead of the keyboard. -
@StephaneA
Hi, I donΒ΄t understand your problem with right click + wheel.
I am right handed but use the mouse with the left hand since a few weeks.
Need some days to get familiar with it but I donΒ΄t have problems to use right mouse button and scroll with the middle mouse wheel with my left hand as right handed person.Cheers, mib
-
@StephaneA The other method with just the mouse is to roll the scrollwheel on the Tab Bar.
-
Yes you are right you can scroll tabs wtih the mouse wheel but things get uggly when you've got 130 tabs for example, that's all the point of this thread.
The two things: using the wheel to scroll tabs and tab shrinking are linked. The first one is useless at a certain point if you don't have the second one. -
Hello everyone.
So, I was able to find a workaround by adding a scrollbar to the tab stackbar.
Instead of adding the buttons to scroll the tab stack element, you can add a scrollbar and quickly scroll to the position you need. And the tabs don't shrink at all!
Here is the screenshot:
First, here is the guide for modding Vivaldi:
https://forum.vivaldi.net/topic/10549/modding-vivaldi/8
Proceed only after you sure that you're ready.Here is a small guide:
- Open the
bundle.js
file. - Find the
flexDirection
string. - Right after that string, there will be the
width
parameter. Add+20000
after thea
variable. That will add maximal width for the tab stackbar.
- Now you need to add custom CSS. The link above describes how to do that.
Adding these style rules should be enough:
/* to actually show the scrollbar */ .tab-strip{ overflow-x: scroll; overflow-y: hidden; } /* to have the minimal tab width and properly see the tabs' names and icons */ #tabs-container{ min-height: 40px; }
Enjoy!
P.S. There is an issue with this approach. If you open a new tab, the scrollbar position doesn't change, so if the default position of the new tab is "most right after all other tabs", you need to manually scroll to that tab.
- Open the
-
@ryukusu
It doesn't work for me. The scrollbar doesn't scroll, it doesn't shrink when I add tabs, the navigation arrows left and right to the scrollbar don't respond at all either.
I've followed your instructions and I think I did all well. I did the process a second time this time I reseted all my settings to the default ones just to be sure but still it doesn't work properly. -
@StephaneA
Which operating system and Vivaldi's version do you use? Did you restart the browser or open a new window to test the changes?I use Linux and my Vivaldi version is 3.2.1967.41.
Just in case, here are the files:
https://yadi.sk/d/AWuROKV8VFATmQ?w=1 -
@ryukusu
I am on Windows 10 and Vivaldi 3.2.1967.47 -
@StephaneA, @ryukusu: I can confirm the problem with Windows 10 and Vivaldi Snapshot 3.3.2022.35, the scrollbar does not work as intended, it does not work at all.
-
@patrickweiden, @StephaneA
Thank you for the clarification.
The workaround should work on Windows:
But the issue seems to be related to the "Appearance => Use Native Scroll" option. I have this option checked because I need the "Close" button on the left side.I think we need to add an event listener to the scrollbar to prevent the window drag and make the scrollbar work.