Show tab popup thumbs only on tab stacks
-
Popup thumbs will - obviously - show on any tab, which is slightly annoying.
I'm trying to show them only when a tab stack is hovered, but any change in the code seems to affect any#vivaldi-tooltip
.
The selectors are there, but unsure on what/how to use them to achieve that (or if it possible at all) -
@Hadden89 The tooltip is unrelated to the tabs, not sure it's possible to do a selection with CSS. Could probably be done with javascript, but lets see wether someone else has an idea.
-
The
#vivaldi-tooltip
should be never hidden—it doesn't use any class (and is 0px high).You can try to hide the
.tooltip
(child element) depending on size ([style*="height: 192px"][style*="width: 228px;"]
), but I'm not sure if this is the size you'll always get, or onpointer-events
(none
vs.auto
), but there's the same problem.Its child element is easy to select depending on single tab/group—it's
.tab-solo
or.tab-group
.But anyway you'd have to adjust the size of
.tooltip
(to hide it when you're not hovering the visible part) and with bottom (and maybe also side) tabs this is problem, because it's always positioned fromtop
.Single tab
Tab stack
-
@potmeklecbohdan
Cool, I totally missed the.tab-solo
selector.
I see how it works during this day but seems that a simple#vivaldi-tooltip .tab-solo {display: none;}
may work.
I see thumbs on tab stacks, I don't see anything on other tabs (which are solo ^^)//EDIT: If tab stacks lose its position/size on tab close, try to add also this
.stacks-on .tab-strip .tab .tab-group-indicator {position: absolute;}
(borrowed from css stack tab mod).
Then it seems to work fine with any tabs configuration (top/bottom/right/left) -
I said:
But anyway you'd have to adjust the size of
.tooltip
(to hide it when you're not hovering the visible part) and with bottom (and maybe also side) tabs this is problem, because it's always positioned fromtop
.How could I think that? If you hide all the visible content (maybe you'll have to resize it), you should be able to use
#vivaldi-tooltip .tooltip { height: auto !important; width: auto !important; }
(or something like that) with no problems, because there's nothing that could be wrongly positioned (and the visible part should always use 100% of the tooltip's size). -
Good find, this way it isn't dependent on any hover.
-