Multiple Row Tabs

infinitywarden

This aforementioned release broke the hack that was working for a year - https://forum.vivaldi.net/post/340904. The release came handy alright...
Could someone please update the hack so it works with the current release, or direct me to some other means for having multiple rows of tabs in Vivaldi?

barbudo2005

@infinitywarden

Make this modifications:

Replace this :

#tabs-container  {height: auto !important;}

For this :

#tabs-tabbar-container {height: auto !important;}

Add this:

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

You get this again:

Also works with:

And also with:

And if you click the stack appears the second level:

The best of two worlds!!!!!

Multiline tabs and two-level stacks.

Fliderisand

This post is deleted!

dude99

This post is deleted!

Bender

@jane-n
Can you throw in a guess whether that means this real multiline feature request is dead for good?

I would think with the delivery of the new way the team will probably be done with this topic.

alexander.gorbovets

@Bender said in Multiple Row Tabs:

Can you throw in a guess whether that means this real multiline feature request is dead for good?

I hope this feature request is not dead, since this thread has the tag “in progress”

mudshark

For the meantime I'll be using the 'hack' above.

mudshark

@barbudo2005
How do I get to the screen where I might make these edits?
Thanks

barbudo2005

@mudshark

Are you using Gorsash Multiline tabs Mod?

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

Saved2Serve

@jane-n
Hey thanks a lot. The first up-to-date - browser to introduce a second level in the tab bar for managing tab groups: Two-Level Tab Stacks. Now for Colorful Tabs as seen on my page 4 post.! But I thank God I even have Internet, besides these enchantment tools.

Saved2Serve

@potmeklecbohdan
So in Ver. 3.6 you add this code to common.js in %localappdata%\Vivaldi\Application\3.6.2165.34\resources\vivaldi\style ?

Do you add it after ({1797:function(e,t,r){}}); ?

I see another code in https://gist.github.com/gorsash/0d4de703a84c620c7280830aba582758

Note that -two-level tabs are now default in 3.6: https://vivaldi.com/blog/desktop/desktop-releases/vivaldi-tabs-two-level/

A Former User

@Saved2Serve No, you don’t add anything to an original Vivaldi file, & you don’t mix up .js & .css. See Modding Vivaldi, part 2.6+. Also, I don’t know if the code still works, but I think that w/ the patches by @barbudo2005 it could.

alexander.gorbovets

@mudshark said in Multiple Row Tabs:

@barbudo2005
How do I get to the screen where I might make these edits?
Thanks

Just create a new css file in your Vivaldi mods directory and put the mod into that file. You can give any name to that file, just append .css at the end.
See how to setup Vivaldi mods directory here: https://forum.vivaldi.net/topic/10549/modding-vivaldi

jane.n

@Bender This feature request is definitely not dead. The dev team has many more ideas for the Tabs they want to work on. Unfortunately, I don't know which feature is next in line.

Saved2Serve

@alexander-gorbovets
I myself just did that, I created a custom.css in %LOCALAPPDATA%\Vivaldi\Application\3.6.2165.34\resources\vivaldi\user_files and added the code in https://forum.vivaldi.net/post/393809 and the mods in https://forum.vivaldi.net/post/440481 and shutdown Vivaldi and restarted but now the browser window is cocked/slanted to the right and with the top right being off screen - until I take my cursor off the window and place it someplace else, like the task bar, then the Vivaldi window swings back to normal. And I do not see multitude tab rows yet.

alt text

Pesala

@Saved2Serve It looks suspiciously like the 3D Transform. Open the Page Actions dropdown to disable it.

Saved2Serve

@Pesala said in Multiple Row Tabs:

3D Transform

Thanks but the problem is that that I cannot see the Page Actions option. I understand that it is sppsd to be on the side side of the status bar but that is off the screen, and I cannot drag or reduce the size of the window either. Is there a work around?

Edit: I was able to really enlarge the page and check the Page Actions but 3D Transform was not checked. I then deleted the custom.css file and restarted by the problem persists. I think I will just delete and reinstall. Thanks though.

nomadic

@Saved2Serve said in Multiple Row Tabs:

I myself just did that, I created a custom.css in %LOCALAPPDATA%\Vivaldi\Application\3.6.2165.34\resources\vivaldi\user_files

This is the main issue.

You don't need to put CSS files on the Vivaldi folders. In fact, it is undesirable because the location you chose would get erased after each browser update.

And it also looks like all the default page actions are now being used as CSS mods. So instead of only acting on the webpage, they are affecting the whole browser UI. Disabling/Enabling them in the status bar will do nothing.

Go back to Settings, I was able to access them even in the skewed state, and remove that folder as the Custom UI Modifications folder. Then restart the browser to get it back to normal.

Follow these steps and chose an easily accessible folder out of the way. I would suggest maybe a dedicated mods folder in your documents folder:

@Christoph142 said in Modding Vivaldi:

Adding Style

⁣

Vivaldi 2.6 and above

Open vivaldi://experiments

Enable "Allow for using CSS modifications"

Open Appearance section in settings

Choose the folder you want to use

Place your CSS files inside it

Restart Vivaldi to see them in effect

Saved2Serve

@nomadic Well, I did try closing Vivaldi and deleting the whole custom.css file and restarting Vivaldi but the problem persisted. So I removed and reinstalled Vivaldi using the single install this time so everything is in C:\Vivaldi. Now before I try modding again can you tell me where the settings are stored so that I can make a back up? Thanks.

nomadic

@Saved2Serve said in Multiple Row Tabs:

deleting the whole custom.css file and restarting Vivaldi

Unfortunately, that would not have worked as you found out. It was all the default page actions in the same folder that were causing the issue.

What I said to do was use a different folder. Next time try creating a folder called something like Vivaldi Mods and placing that folder inside your Windows documents folder.

Then you can select that folder in settings and not have the page action CSS files interfere with the browser interface and your personal CSS modifications will persist updates to the browser.

Now before I try modding again can you tell me where the settings are stored so that I can make a back up?

Settings aren't all stored in a single place, so the best option would be to backup the entire profile folder that you can find the path to on the vivaldi://about/ page.