Horizontal tabs, vertical stacks

[BalderH]

A Onenote-like layout where tabs are opened horizontally, but stacks are shown vertically. As it is now stacks are not very easy to work with without using the window pane, which requires a bit more clicking than I prefer.

(mod edit: duplicate of https://forum.vivaldi.net/topic/57572/group-tabs-to-be-horizontal-and-the-second-row-tabs-to-be-vertical)

[Steffie]

@BalderH If you'd be willing to alter your workflow to use V's vertical tabs instead of horizontal, & then also one or two little Mods, you can have something like this:

Fwiw.

[Hadden89]

@BalderH You mean this?

But tree tabs would be faster and easier(*) to implement.

[BalderH]

@Steffie Interesting - what mods are you referring to?

[BalderH]

@Hadden89 I meant something like this:

But tree tabs would serve much the same purpose as far as easier overview goes.

[Hadden89]

@BalderH Mods are snippets of css/js code which allow to modify Vivaldi User Interface.
Sadly, for tabs we (users) are not gone so far

---

Yeah, tree tabs is a very requested feature as stacks are not very handy (but still useful) but they're for vertical tabs, so this layout has more sense for horizontal tabs.

---

Maybe renaming the request something like "show stacks as flap with horizontal tab bar" ?

---

(Mock-up to see if I understood the request ~ flaps are stacked)

[Steffie]

@BalderH I use two mods in my custom.js but neither is relevant to the tabs column. I use these css mods, two of which are relevant:

steffie@archlinuxTower[/opt/Vivaldi_Custom_CSS] 09:36:36 Tue Nov 10 $> ls
total 32
-rw-r--r-- 1 root root 3228 2020-09-25 16:02  advancedPanels.css
-rw-r--r-- 1 root root 2976 2020-10-03 20:42  Coloured_Scrollbars.css
-rw-r--r-- 1 root root  410 2020-06-06 00:22  Hide_headerbar_with_Native_Window_active.css
-rw-r--r-- 1 root root  662 2020-11-07 20:48  Make_pinned_tabs_only_show_as_icons.css
-rw-r--r-- 1 root root 3776 2020-05-09 00:51 'Modding Vivaldi README'
-rw-r--r-- 1 root root 1050 2020-09-10 15:54  Replace_nasty_win10esque_StartPage_icon.css
-rw-r--r-- 1 root root  588 2020-09-04 13:29  Tabstack_active_tab_thumbnail_highlight.css
-rw-r--r-- 1 root root  367 2020-09-29 00:25  Window_panel_contrast.css
steffie@archlinuxTower[/opt/Vivaldi_Custom_CSS] 09:36:40 Tue Nov 10 $> 

Make_pinned_tabs_only_show_as_icons.css is due to the cleverness of @porecreat [i used all of their css from here]:
https://forum.vivaldi.net/post/340580

Tabstack_active_tab_thumbnail_highlight.css is due to the cleverness of @LonM [i used part of their css from here]:
https://forum.vivaldi.net/post/283628

This is my chosen subset of that full mod [though re-reading my included comments now it seems i actually pilfered two separate mods of theirs, so i am a thief twice-over!]:

/* Highlighting tab-stack's thumbnail under mouse (@LonM) */
/* Steffie 3/9/20: Source = https://forum.vivaldi.net/post/283628 ... Lines 208 - 213 */
#vivaldi-tooltip .tooltip .tab-group .tooltip-item:hover {
  top: 10px;
  background-color: var(--colorAccentBgFadedMost);
  color: var(--colorFg);
}

/* Tab-stack's active tab's thumbnail's name highlighted & underlined (@LonM) */
/* Steffie 3/9/20: Source = https://forum.vivaldi.net/post/394739 */
.last-active .thumbnail-text {
    text-decoration: underline;
    background: var(--colorAccentBg);
    color: var(--colorAccentFg);
}

If/when the day comes that V finally gets a full-on fair-dinkum TreeStyleTab-esque vertical tabs capability i will be ecstatic.