Make Pinned Tabs Identifiable when using Vertical Tab Bar

Vincent500

@guigirl Good to hear. Mine works right away after starting the browser but I use stable only so you might still have some conflicting css. But if you want to further comment on the code, maybe it is a good idea to do that in the post I made in the modification category to not spam this feature request.

porfat

@Hadden89 @Ayespy

(A follow up after upgrade to up-to-date v3.7)

This workaround isn't applicable any longer, since it somehow messes with second tab row of stacked tabs - the row doesn't show up.

Can we get something like this implemented natively in one of the future browser updates? IMHO, it seems to be no-brainer-UX-solution which goes in hand with the vertical tabs philosophy, not to mention similar implementation in Firefox plugins and Chromium Edge.

Thanks a ton!

Hadden89

@porfat That code is old, I'll change it. Let me know if this work fine with new stacking system.

/* Visual indicator for [vertical] pinned tabs */
#tabs-container.right .tab-position .tab.pinned, #tabs-container.left .tab-position .tab.pinned {
  background-image: linear-gradient(315deg, var(--colorFgFaded) 5px, transparent 5px);
}

A Former User

FYI (it’s kinda old already but JDP seems to be busy & so I don’t think there’s a good reason to still wait til PR merge), I wrote a VH (which doesn’t break tab moving) for the square-'em variant. Since it isn’t in the ‘official’ pack yet, you have to download it separately if you want to use it.

AzDayton

All the work-arounds are nice, and appreciated. But I like the OP's proposal of a small triangle in the corner of pinned tabs. Simple, self-explanatory, and VERY useful.

But if a triangle's not doable, there are some other visual cues that could work. Underline for example. Or a simple DOT character (•) prepended to the text. Anything visual really!

guigirl

Sidebery in FF does it so much better.

I really wish the V Devs would copy it.

derDay

@azdayton
what's "wrong" with the existing setting? when this feature request was written, this setting wasn't available

guigirl

Here's an alternative idea some might like to consider. It's not a perfect replacement or workaround, but it does have some interesting benefits, & certainly it comes at this problem from a different perspective.

Spoiler

How = https://forum.vivaldi.net/post/571299

Pro = multiple pinned tabs, if stacked, consume only a single tab's height in the vertical tabstrip. V's native line-divider then visually delineates this pinned stack from all standard tabs below.

Con = once user leaves this pinned stack & activates any of the standard tabs, she loses sight of all the other pinned tabs in that stack, which were not the focused tab before jumping to the standard tab. Hence if one of those previously unfocused pinned tabs changes status [eg, gains a notification icon due to some activity within that tab's page] user will not see it, not know.

On balance, for my use-case, once i was reminded of this unofficial method this morning to pin stacked tabs, i've decided to retain it thus reclaim some valuable tabstrip vertical space for more standard tabs before the overflow scrollbar triggers.

tovifun

@porecreat.

I like this idea.
There is another browser call Orion that does the same implementation.

Orion's Screenshot ️