Option to Modify the Tab Width
-
Don't see a voting spot for this, but I'd also really like this. I ended up moving over to Chromium browsers for the tab-stacking that firefox lacks, but I'm missing the tab-shrinking part already. At current I can fit maybe 11 tabs on the bar at once, which would be fine if the scrolling worked properly... but it doesn't unless done on my touchpad or while holding shift. Otherwise it sticks and barely moves.
-
@Razielsoulshadow Vote for the first post if you haven't already done so. (Voting again will remove your vote).
-
@Buglocker Thanks for the vivaldihooks drop! Anything else like it out there?
-
Hey , nope.
Just my little collection : https://forum.vivaldi.net/topic/88537/vivaldi-mods-my-little-collection?_=1695406860590
-
im on 6.2.3105.54. I seem to have all my tabs in good width and can scroll through them. I did this by using the slide ruler tool in the 'minimum tab width' option, and selecting for tab scrolling.
-
@kareem79 the window in that picture shows tabs of equal width. there are 30 tabs open.
-
@eduardomaio said in Option to Modify the Tab Width:
I know this is an old thread, but it was always popping up when I was searching for a way to do this. I found some code in https://www.reddit.com/r/vivaldibrowser/comments/6tqj3e/full_width_tabs/dloug9g/?utm_source=reddit&utm_medium=web2x&context=3 and I modified to this:
#tabs-container.top .tab-strip { display: flex !important; overflow-x: hidden !important; -webkit-app-region: no-drag !important; } #tabs-container.top .tab-strip span { flex: 0 1 220px !important; display: flex !important; } #tabs-container.top .tab-position { flex: 0 1 220px !important; position: relative !important; left: auto !important; top: auto !important; height: 30px !important; --PositionX: inherit !important; --Width: inherit !important; max-width: 220px; } #tabs-container.top .tab-position .tab .favicon, #tabs-container.top .tab-position .tab .close { flex: 0 0 18px !important; } #tabs-container.top .tab-position .tab .title { flex: 1 0 calc(100% - 55px) !important; } #tabs-container.top .newtab { position: relative !important; left: auto !important; top: auto !important; }
You will lose the thumbnails on the tab bar (still available on hover), but they will have a width of 220px, which is more comfortable to use and read page titles than the 180px max by default.
Follow the instructions on https://forum.vivaldi.net/topic/10549/modding-vivaldi?page=1 on how to apply this custom css to Vivaldi.
Edit: Updated because it was broken with two-level stacks. Only tested with one level as I don't keep that many tabs open at the same time.
Is there any way anyone can fix this code so the tabs start shrinking when out of space (at the point where they're supposed to) and not run off the right end of the window as full width tabs? (Horiz tab scrolling is disabled) Thanks.
-
I also am looking for a way to change/ reduce all tab widths, meanwhile some may be interested in https://forum.vivaldi.net/topic/25453/multiple-row-tabs/202?lang=en-US&page=11
-
There is a simple but highly hacky way to change max tab width that worked for me:
https://gist.github.com/Aldaviva/39e4472ab7a5ee50473de74df826d928#file-vivaldi-md- Open
Application\*\resources\vivaldi\bundle.js
from the Vivaldi installation directory in a text editor. - Find the line that a constant declaration with the value
180,
, which is the default maximum tab width. The name of the constant can change across different Vivaldi releases when the file is minified. - Replace
180
with the number of pixels that you want tabs to expand horizontally to, like4000
. - Restart Vivaldi for the change to take effect.
There are a couple of places with
180,
- changing the fragment that goes likeconst tce=180,nce=150,ice=30,sce=31,oce={stiffness:400,damping:32,precision:.1}
worked for me.It'll certainly break on update, but other than that I think it will be good, at least it seems to be working right with tabs stacks etc.
- Open
-
@oskark
WOW. Finally a solid solution. Thanks a bunch! -
This post is deleted! -
This post is deleted!