Multiple Row Tabs

steelie

good day

i love it .- i like this very much.

This has been implemented already in Vivaldi Hooks, which you can access and find more out about here. However, due to the way it works, you'll need to reinstall the hooks every time Vivaldi is updated. It's a small price to pay to have this, and quite a lot of other, new functionality.

vivaldi is so amazing - i have told all my friends about vivaldi - and i have made some of them to BETA-Testers .- they run Vivaldi on their machines... --;)

keep up the awesome project it rocks.. and is generally one of the very best browsers out there

RainbowMagicMarker

With the recent update breaking the CSS to move the tab bar below the bookmark bar this has become an even more critical improvement that Vivaldi needs to implement.

On the bright side I see it's been marked with In Progress! Hopefully we see it sooner rather than later, it's absolutely critical for Vivaldi getting a solid userbase of those of us incredibly frustrated by the Chrome-ifying of browsers!

Saved2Serve

@rainbowmagicmarker
But what is this?! alt text
I rebooted Windows from an update and then launched Vivaldi and found that Vivaldi (via an update?) nuked my multiple tab rows and messed up the whole tab row by showing page images, which yoy cannot read anyway. How do you turn this last "feature" off and get multiple tab rows back, which is the main reason i use Vivaldi.

The version is, Vivaldi 3.8.2259.42 (Stable channel) (64-bit)
Revision f4b13ed6242bf56c4ddb1dc50244f52c9903e4eb
OS Windows 10 OS Version 2009 (Build 19042.1052)

EDIT: I found and turned off "Show Tab Thumbnails" under Settings, which I had never turned on, but multiple tab rows are no longer working.

Meaning if I want to open a lot of tabs, such as articles to read or in comparison shopping, then I am faced with the likes of this, alt text ,
rather than like this,
(Firefox ESR 59 - legacy)

Progress.

Ayespy

@saved2serve Thumbnails of tabs have always been present in Vivaldi. You can grab the boundary at the bottom of the thumbs and slide them shut or go to settings/tabs/tab display and uncheck "show tab tumbnails."

Saved2Serve

@ayespy said in Multiple Row Tabs:

@saved2serve Thumbnails of tabs have always been present in Vivaldi. You can grab the boundary at the bottom of the thumbs and slide them shut or go to settings/tabs/tab display and uncheck "show tab tumbnails."

Thanks - i saw and did the latter - but how do I get multiple tab rows multiple tab rows back?

Ayespy

@saved2serve You mean two-row tab stacks? Vivaldi only has multiple rows for stacks.

Saved2Serve

@ayespy said in Multiple Row Tabs:

@saved2serve You mean two-row tab stacks? Vivaldi only has multiple rows for stacks.

No: Multiple Row Tabs which this thread is about, via a hack that works.
alt text

I think this is what I did to enable this:

Open vivaldi://experiments in the browser address bar

Enable the option "Allow for using CSS modifications"

Open the Appearance section in Settings

Look for Custom UI Modifications and hit Select folder and navigate to the location you want to place your custom.css file in, but choose a place outside the Vivaldi folder (which normally is %LOCALAPPDATA%\Vivaldi). Remember this location.

Close down Vivaldi and go to that location and right click and choose New>text document, and then name it custom.css Make sure that .css is the extension.

Then copy and paste the coding from here inside it. Then modify it for ver. 3.6 according to here. Save the file and launch Vivaldi.

Ayespy

@saved2serve I see. That's a MODIFICATION.

It is not part of, nor sanction by, Vivaldi. It is allowed, even encouraged. But it is a user-modification which Vivaldi cannot ensure will work from one version to the next, because Vivaldi does not inspect it, evaluate it, or support it.

So when a mod stops working, it's necessary to go to the modifications category, work with the users there who design such things, and seek solution. It's not on-point to expect Vivaldi Devs to fix something they didn't build.

Saved2Serve

@ayespy said in Multiple Row Tabs:

@saved2serve I see. That's a MODIFICATION.

It is not part of, nor sanction by, Vivaldi. It is allowed, even encouraged. But it is a user-modification which Vivaldi cannot ensure will work from one version to the next, because Vivaldi does not inspect it, evaluate it, or support it.

So when a mod stops working, it's necessary to go to the modifications category, work with the users there who design such things, and seek solution. It's not on-point to expect Vivaldi Devs to fix something they didn't build.

Thanks but I basically knew all this, and which is why I am posting in this Multiple Row Tabs thread which is where such problems and solutions were posted and found before. But now it seems that only a mod responding. Thanks for trying to help though.

Ayespy

@saved2serve Yeah. This really isn't where such discussions take place. That would be in the Modifications category.

Saved2Serve

@ayespy said in Multiple Row Tabs:

@saved2serve Yeah. This really isn't where such discussions take place. That would be in the Modifications category.

I see (or maybe will see) but I found the problem, which was that somehow the address to my Custom UI folder got changed, and now that I fixed it then the multiple tab rows hack is working again. Thank God. This is very important to me, and I wish it was a standard option.

vertigo220

After what happened the other day, I've decided Vivaldi just isn't the browser for me and I'm going back to Waterfox. I've spent the past half year using it as my primary browser, trying to give it a fair chance despite constant frustrations from various design elements, most notably the lack of multiple tab rows and the issues with the rows provided by the hack, whether due to the hack itself or Vivaldi's behavior. And while I really like the tab stacking feature, and think it would be great in addition to multiple rows, I think multiple rows should have been the priority. Regardless, the other day showed that not only did they decide to do tab stacks instead, but either they did a lousy job with it, or this hack conflicts with it. Either way, regardless of whether it's their fault or the fault of an unsupported hack, I need multiple rows for a browser to be of any use to me, so if the only way to get that is through a hack, and if that hack causes problems with the official features, then I guess it just isn't going to work for me.

Anyways, for the sake of others using both the hack and tab stacking, in the hopes of possibly saving someone else the frustration that wasted over half an hour of my time, be very careful with the close tabs to the right/left functions. One would expect that to be contained within a tab stack, but I had ~90 tabs/stacks open, with ~5 or 6 of those being stacks containing anywhere from a few to a dozen to a couple dozen tabs, so probably close to 150 tabs altogether. And when I right-clicked a tab in a tab stack that was my fifth "tab", EVERY SINGLE TAB/STACK to the right of it closed, leaving me with only about 20 of my tabs left. Luckily, I periodically bookmark all my tabs, so I opened all the bookmarks from that (which revealed another issue with tab stacks, because doing so doesn't open the tabs in stacks, so each stack has to be done separately, then restacked, proving to be a nightmare all on its own) and then had to dig through the history to find any other tabs I'd opened since last bookmarking them.

And that, of course, led to yet ANOTHER discovery of Vivaldi's general crappiness. To try and make it easier to sift through the history, I searched for various terms of sites that flooded the history in order to remove them and declutter it. But I would search for a term, e.g. xyz mail, and it would filter to show all pages that matched, and I would start selecting, then it would refresh (I can only assume it has such poor search performance that it was still finding more entries even after it seemed to be finished) and mess up my selections. After dealing with that and trying to select and reselect stuff and delete stuff in chunks instead of trying to select it all, in order to be fast enough to do it before Vivaldi decided to refresh it again, I eventually realized that it was screwing up and causing me to delete stuff I didn't intend to delete. I think it was randomly filtering to the search term then changing and showing other stuff that didn't match. Anyways, that's when I really had enough. It just amazes me that something as basic as filtering and cleaning the history is such a buggy, PITA mess. So yeah, Vivaldi, I really, really tried, but I need a browser I can rely on, not one that's going to screw me over not once, but twice in one day.

And hopefully this will at least save someone else the headache this POS browser caused me.

alexander.gorbovets

@vertigo220 said in Multiple Row Tabs:

After what happened the other day, I've decided Vivaldi just isn't the browser for me and I'm going back to Waterfox. I've spent the past half year using it as my primary browser, trying to give it a fair chance despite constant frustrations from various design elements, most notably the lack of multiple tab rows and the issues with the rows provided by the hack, whether due to the hack itself or Vivaldi's behavior. And while I really like the tab stacking feature, and think it would be great in addition to multiple rows, I think multiple rows should have been the priority. Regardless, the other day showed that not only did they decide to do tab stacks instead, but either they did a lousy job with it, or this hack conflicts with it. Either way, regardless of whether it's their fault or the fault of an unsupported hack, I need multiple rows for a browser to be of any use to me, so if the only way to get that is through a hack, and if that hack causes problems with the official features, then I guess it just isn't going to work for me.

@rainbowmagicmarker
@Saved2Serve

I have updated this mod to work with Vivaldi 4.0. Just replace the old mod with this new file (ctrl+s and save to your mod directory):
https://raw.githubusercontent.com/gorsash/vivaldi-multiline-tabs/master/multiline-equal-size-tabs.css

pimalu

LOL, my projects sessions includes 500+ tabs. I do organize them opening more browsers, one for each theme.

Hababr

Hey guys, let me share my variant of multi row tabs. I tested it only in Windows so it's possible there are some bugs on other systems.

Differences of my script:

Pinned tabs are of default size (narrow).
Other tabs have adaptive width. The minimum width you can adjust on line 9 (--mrt-min-width).
Dragging of a tab works correctly.
Does not work with accordion tab stack style.

Demo.gif

/*
  Multiple Row Tabs - Created by @hababr. Version 2021.10.26.
  Base on work of and inspired by @nomadic, @fpdragon, @potmeklecbohdan, @alexander.gorbovets, @barbudo2005.
*/

/* Configuration */
:root {
  /* That will be the minimum width of a tab. You can adjust the number as you like. */
  --mrt-min-width: 106px;
}

/* Changes to allow multi row tab bar */
#browser:is(.tabs-top, .tabs-bottom) #tabs-tabbar-container {
  height: auto !important;
}

/* Fix overflow issue on secondary bar */
#browser:is(.tabs-top, .tabs-bottom) #tabs-subcontainer {
  flex-basis: unset !important;
}

#browser:is(.tabs-top, .tabs-bottom) .tab-strip {
  display: flex;
  flex-wrap: wrap;
}

#browser:is(.tabs-top, .tabs-bottom) .tab-strip > span,
#browser:is(.tabs-top, .tabs-bottom) .tab-strip > .tab-position {
  display: inline-block;
  position: relative;
}

#browser:is(.tabs-top, .tabs-bottom) .tab-position.tab-yield-space {
  --PositionX: 0px !important;
  height: 30px !important;
}

#browser:is(.tabs-top, .tabs-bottom) .tab-strip > span > .tab-position {
  --PositionX: 0px !important;
  height: 30px !important;
}

#browser:is(.tabs-top, .tabs-bottom) .tab-position.tab-yield-space:not([style*="--Width:31px"]),
#browser:is(.tabs-top, .tabs-bottom) .tab-strip > span > .tab-position:not([style*="--Width:31px"]) {
  min-width: min(var(--mrt-min-width), var(--Width)*99999) !important;
}

#browser:is(.tabs-top, .tabs-bottom) .tab-strip > span > .tab-position,
.toolbar-tabbar > .newtab {
  position: static;
}

/* Keep title visible on tabs */
#browser:is(.tabs-top, .tabs-bottom) .tab.tab-small .tab-header .title {
  display: flex !important;
}

/* Keep tab stack counter visible  */
#browser:is(.tabs-top, .tabs-bottom) .tab-position .tab.tab-small .stack-counter {
  display: block !important;
}

/* Keep tab header style */
#browser:is(.tabs-top, .tabs-bottom) .tab.tab-small.tab-mini .tab-header,
#browser:is(.tabs-top, .tabs-bottom) .tab.pinned.tab-mini .tab-header {
  padding-left: 6px !important;
  border: none !important;
  justify-content: normal !important;
}

/* Fix width for tab stack border */
#browser:is(.tabs-top, .tabs-bottom) .tab-strip > span > .tab-position:not([style*="--Width:0px"]) .tab {
    --Width: max(100%, var(--mrt-min-width));
}

#browser:not(.alt-tabs, .tabs-left, .tabs-right) .tab-position .tab:hover.tab-small.active .favicon {
  flex-shrink: 0 !important;
}

alexander.gorbovets

@hababr said in Multiple Row Tabs:

Hey guys, let me share my variant of multi row tabs. I tested it only in Windows so it's possible there are some bugs on other systems.
Differences of my script:

Pinned tabs are of default size (narrow).
Other tabs have adaptive width. The minimum width you can adjust on line 9 (--mrt-min-width).
Dragging of a tab works correctly.
Does not work with accordion tab stack style.

Good job! You managed to move the + button to the right, and added nice animation when dragging tabs.

I made my version where it's possible to adjust width of pinned tabs using the variable --mrt-min-pinned-tab-width:
https://github.com/gorsash/vivaldi-multiline-tabs/blob/94b84027c1b168781ba4b41fabbc58ecfa4bc75e/multiline-equal-size-tabs.css

fjelsten

@alexander-gorbovets Love it. Every time my multi tabs break, I regret updating. I don't for the life of me understand why this is not a standard feature.

Saved2Serve

@vertigo220
MTR have been working for me since last Feb. and now in version 5, and I have not had to do anything more, thank God, even if it cannot compare with the legacy Firefox customization, nor can MTW in FF Quantum (requires its own hack) but these are a vast improvement over the default of one tab row.

I have a standalone installation and keep my Custom UI Modifications in a separate folder outside the Vivaldi one.

I also use Waterfox classic for the extensions, and multiple installations of FF Quantum (so I can still use FF ESR 59) - each generally having its own purpose - but I think Vivaldi is the best of the Chromium family of browsers.

And I think that any shortcomings of it is not the fault of gifted industrious programmers, but with the Chromium engine itself, which has its reasons why such extensions as Tab Mix Plus and the old (vs. the new) Colorful Tabs extension (as shown in a past post) cannot be made to work.

So we can complain, but I am blessed to have so many options to enable better efficiency and Internet use. May God bless those programmers who do good work.

JumpingLawnChair

Hi all, I have been away since several pages ago, and am posting fast:

@vertigo220
Sorry you had such a bad time. Did you have the customizations stored outside of the Vivaldi folder (like in my earlier tutorial)? I did, and my multi-row tabs have worked through all the updates including now v.5.0.

@alexander-gorbovets
Does your recent update of the MRT hack include what @Hababr did? Because their version looks really great! Dragging tabs around had not been working smoothly!

I wrote a tutorial for using these hacks in this thread back in Feb 8, 2021 (for me its page 7). That seems to still work for me, but I want to update it with the new code here when I can get a moment. I am just another user.

Also, yes, I was able to give tab stacks permanent names by right clicking on them. Thanks to whoever mentioned that a while back (if I forgot to thank you then).

And to Vivaldi. Include this feature (MRT) officially in your browser (then you can better protect it)! I am still using Waterfox Classic AND Vivaldi.

Thanks to all who donate their time to help others!

Saved2Serve

@jumpinglawnchair
Thank you for your input and help. So many do not know what they are missing. Can I recommend the Scrollbar Customizer and Aurora dark theme here in the further interest of customization?
alt text

Thank God for eyes to see!