Solved How to make inactive tabs smaller (shrink to favicon size)?

[patrickweiden]

Dear all,

I was searching for the possibility to shrink the amount of space used for inactive tabs - in the end for shrinking inactive tabs to nothing more than their favicons. Does Vivaldi include any such option or do I need to script it myself?

Any help is appreciated! Thanks a lot in advance!

Best regards,
Patrick

[patrickweiden]

@Pesala: My current choice is more or less in your direction:

Instead of coding something myself, I created "pinned tab stacks" as told here:
https://forum.vivaldi.net/topic/24343/create-tab-stacks-from-pinned-tabs

The nice thing is that with the two-level tab bar the not-pinned tabs will still have "normal" length and will be shown inside a frame (as chosen by me) for that tab stack, whereas all pinned tabs will be "hidden" after the current one representing the tab stack. So, with the chosen shortcut and by marking all tabs inside the tab stack before using the shortcut, all my tabs have been pinned now. yeah

[luetage]

@patrickweiden You can set the »active tab minimum width« in vivaldi://settings/tabs/. Depending on the number of opened tabs, all but the active tab will shrink to little more than their favicon.

[guigirl]

@luetage I know you know this, but just for the OP, that setting applies for horizontal tabs only, not vertical.

[Pesala]

@patrickweiden All pinned tabs will shrink to their favicon. You can also use Accordion style tab stacks to save space.

[patrickweiden]

Dear all,

as I am a tab hoarder, I have so many open tabs, even grouped into many tab stacks, so that the tabs (and stacked tabs - I use two-row tab bar) themselves are already small. But I would like to have all inactive tabs as small as favicons, so that the active tab itself can be bigger and there even could be some "open space left" on the tab bar. I did not find any way how to achieve this currently.

Thanks!

[patrickweiden]

@luetage said in How to make inactive tabs smaller (shrink to favicon size)?:

vivaldi://settings/tabs/

I have set "Active Tab Minimum Width" to the bare minimum value (30 pixels). But I would like all inactive tabs to be as small as favicons by default.

[patrickweiden]

@pesala: I know that pinned tabs get shrunk to favicon size. But I would like to have all inactive tabs to be shrunk to favicon size by default, too. And I do not know how to currently achieve this.

[guigirl]

@patrickweiden VivaldiHooks would have helped here... but sadly it's broken.

https://github.com/justdanpo/VivaldiHooks

[luetage]

@patrickweiden It’s not »inactive,« it’s active width. You make it large and your other tabs will shrink as soon as they use up all the available space. But I understand you want inactive tabs always small, no matter how many there are and no matter the size of the window. That’s not possible, you will have to write a custom modification. Since working with tabs is especially complicated and bound to break stuff, I wish you good luck.

[patrickweiden]

@luetage: Thank you for your clarification. I already assumed this, so I will look into doing it myself...

[patrickweiden]

@Pesala: My current choice is more or less in your direction:

Instead of coding something myself, I created "pinned tab stacks" as told here:
https://forum.vivaldi.net/topic/24343/create-tab-stacks-from-pinned-tabs

The nice thing is that with the two-level tab bar the not-pinned tabs will still have "normal" length and will be shown inside a frame (as chosen by me) for that tab stack, whereas all pinned tabs will be "hidden" after the current one representing the tab stack. So, with the chosen shortcut and by marking all tabs inside the tab stack before using the shortcut, all my tabs have been pinned now. yeah

[Pesala]

@patrickweiden A further improvement to make selection of tabs within a large tab stack much easier is to hide the thumbnails with some CSS.

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