Multi-row tabs in Vivaldi?

barbudo2005

Said:

Is that a mod? I thought you meant it was a native feature...

Yes, It is a Mod.

I use first the Multiline tabs mod by gorsash:

https://gist.github.com/gorsash/0d4de703a84c620c7280830aba582758

I modified it a little:

#tabs-tabbar-container

{height: auto !important;
margin-top: 1px !important;
margin-bottom: 1px !important;}


.resize

{display: block !important;}
	
.tab-strip {display: block;}
	
.tab-strip > span {display: inline-block;}
	
.tab-strip > span > .tab-position

{left: 0px !important;
position: relative;
height: 32px !important; 
width: auto !important;}
	
.tab-strip > span > .tab-position   > .tab:not(.pinned)
 
{width: 149px !important;
margin-right: 2px !important;
margin-left: 2px !important;}


.tab-strip > span > .tab-position > .tab.pinned

{width: 149px !important; 
margin-right: 2px !important;
margin-left: 2px !important;}


	
.tab-strip > .newtab
 
 {left: 1px !important;
margin-right: 1px !important;
margin-left: 1px !important;
top: 0px !important;
position: relative !important;
display: inline-block;
padding: 0;
vertical-align: top;}

.tab-header > .favicon > svg

{height: 17px;
padding-left: 2px;}

.tab-header  .tab.uifocusstop.insubstrip
{padding-left: 2px !important;
padding-right: 2px !important;}

.tab-strip > .toolbar.toolbar-tabbar  {display: inline-flex;}

If you add this code you have multiline second level:

/*NEW UPDATE FOR SECOND LEVEL STACK*/


 .tab-position
 {--PositionX: 0px  !important;}
  
 .tab-position.tab-yield-space

 {--PositionX: 0px !important;
 margin-bottom: 2px !important;
 }
  
 
  
/* MULTILINE SECOND LEVEL */


#tabs-subcontainer.top.visible
{flex-basis: unset !important; 
min-height: 34px !important; 
margin-left: 5px !important;}


.tab-position  [id*= "tab"].tab.insubstrip

{height: 32px !important; 
margin-top: 2px !important;
margin-bottom: 2px !important;}

Gadzillo

@barbudo2005

Thank you! But I have a problem with the New Tab button. It opens far to the right, and with each new tab it moves further and further to the right until it disappears altogether. 4K resolution. Changing the Windows scale, browser scale and program compatibility modes did not help.

barbudo2005

@Gadzillo

Simple, forget the New Tab button and use:

Or better a mouse gesture.

Remember, a mouse gesture occurs on the spot, saving a lot of kilometers of movement of the mouse.

KulaGGin

@Ayespy said in Multi-row tabs in Vivaldi?:

@1mechanic UI re-writes of that scale take a while to be developed and implemented.

Wrong. As the guy below you suggested:

@barbudo2005 said in Multi-row tabs in Vivaldi?:

Look this post:
https://forum.vivaldi.net/topic/68994/tab-rows/8

It can be done:
alt text

I doubt it took a year for the guy to reverse-engineer and then implement this feature. Also, consider that he doesn't have the access to the UI code and that he had to reverse-engineer the code before actually developing the feature.

It means that for the Vivaldi developer that worked on the tab features such as tab stacks and workspaces, it should take around 10 times less days to implement this feature compared to the modder. Let's see, how long do we think the modder spent on this feature? A year? Nah. A month? Fine, a month. It means that for the developer on the main team it should take like 3 days.

Then more people post css to achieve this. If this is achievable by 50 lines of CSS, it's just a day of work or two to implement it properly in the browser.

KulaGGin

@Pesala said in Multi-row tabs in Vivaldi?:

@1mechanic said in Multi-row tabs in Vivaldi?:
How is this feature essential?

Well, it isn't essential-essential, because the lack of it doesn't prevent us from browsing the Internet, which is what browsers are for. But it's pretty bad that none of the browsers have it.
No, tab-wrapping after you reach some amount of tabs isn't a multirow tab feature. It's a feature in editors like notepad++, too. Word-wrapping and support for multiple lines in notepad++ editor are 2 absolutely different and unrelated feautures.

@Pesala said in Multi-row tabs in Vivaldi?:

@1mechanic said in Multi-row tabs in Vivaldi?:
Tab stacks save space on the tab bar.

That's not what multiple rows of tabs feature is for. You can "save space" on the tab bar by moving tabs to the other window.

@Pesala said in Multi-row tabs in Vivaldi?:

@1mechanic said in Multi-row tabs in Vivaldi?:
What else is achieved by having an option for multi-row tabs?

A better organization of tabs. What is the problem with dragging tabs to different windows? Well, you end up with this:

You can't see what tabs are in what Window, plus there is no any connection between different windows whatsoever. Does Tab Stacks feature fixes the mentioned problems whatsoever? Let's see what we end up with with Tab Stacks instead of the opened Windows that I have:

Is it any better than the whole windows? Kinda, I can at least see which tab opened in which window. But there's still no organizational feature between the tab stacks themselves and no organizational feature between the tabs inside the tab stacks. What true multiple rows of tabs bring is a very comfortable layer of organization and quick switching between them. Here's how it would look like:

Well, it's not too good of an example, because the tabs are on different rows for different topics. Often enough I want to have tabs on multiple rows that are for the same topic, such as searching for movies. Let's say I open like 2 movies on imdb and then I open 12 suggestions from those 2 movies(12 for each). I end up with 24 tabs. Creating 2 windows for those 2 is waaaaaay too much, but splitting those 24 suggestions plus 2 tabs for movies into 2 rows with 13 tabs per one row is perfect. Tab stacks? Yeah but then I can't quickly switch between the two rows and as I said: the tab stacks aren't organized between each other and I want to only have one tab stack for the movie search. Not 2 unrelated tab stacks for the same thing really.
With the multiple tab rows, I could create a Tab Stack for "Movie search" and have the 24 suggestions for 2 movies on 2 different rows on a separate tab stack. Then this Movie Search tab stack would live in a window for general browsing.

KulaGGin

@Pesala said in Multi-row tabs in Vivaldi?:

@Nebu It is no surprise to me that this has not been implemented. It is clear from the CSS modification topic that the code is hard to maintain. Making this work in conjunction with the many other tab options would be a nightmare.

Not if their software architecture is any good. If it's good, it's easy to maintain. If the architecture is bad, then it's hard to maintain. If the feature is very hard and takes very long to implement and thwarts their architecture, then the architecture is bad, too.

alexander.gorbovets

@Pesala said in Multi-row tabs in Vivaldi?:

How is this feature essential?

Tab stacks save space on the tab bar. What else is achieved by having an option for multi-row tabs?

All people are different and what works for some group of people doesn't work for another.

Personally for me tab stacks are absolutely useless. Just a nice toy which you can play around like 5 minutes and then forget about its existence forever. I want to see all tabs at a glance without having to constantly switching tab stacks. If I have tabs for completely different things, then I put them into different workspaces. And if the tabs are related, I want to see them all in that workspace without hiding part of them. Multiline tabs serve this purpose best, especially when you have a large screen.

Pesala

@alexander-gorbovets You would be better off commenting on the feature request thread, which has 101 votes after nearly 7 years, and is tagged as Nice to Have. Obviously, it is not “essential,” or the developers would have implemented it by now.

If you hide the Tab Stack Thumbnails and just hide the Titles, Tab Stacks are perfectly workable.

/*Hide Tab Thumbnails*/
#vivaldi-tooltip .tooltip .tooltip-item {width: 200px !important; height: auto !important;}
#vivaldi-tooltip .tooltip .thumbnail-image {display: none !important;}

Tab Stack Thumbnails.png