Less Annoying Tooltips!

code3

When you hover a tab, it displays a tool tip. When you hover a tab stack, it displays a similar tab chooser. However, if you only hover a tab for one second you might not want the tooltip to get in your way. It also takes a short amount of time to render, if you move the cursor a lot it may have a noticeable delay. This simple CSS mod delays the tooltips for one to two seconds to fix these problems without disabling the tooltips.

/* ----------------------------------------------------------------
	Less Anoying Tooltips!
	CSS Only
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:       When you hover over a tab, a tooltip is shown. This CSS-only mod delays the tooltip, 
				which you likely don't want if only hovering for a second.
	Filename:          delayed-tooltip.css
	Platform:          All
	Version:           v1.1
	Date:              May 2021, v3.9
	Author:            @code3 at vivaldi.net (code3z github)
	Topic:             https://forum.vivaldi.net/topic/61397
	This is free and unencumbered software released into the public domain.
	https://unlicense.org/UNLICENSE
   ----------------------------------------------------------------- */
div#vivaldi-tooltip > * {
    animation: tab-tooltip 2s !important;
}

@keyframes tab-tooltip {
    0% {
        pointer-events: none;
        opacity: 0;
    }
    80% {
        pointer-events: none;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

Pathduck

@code3 You mean the "Popup Thumbnails" setting right?

I've noticed there's practically no delay before showing the thumbnails, which I understand can get annoying. I have them turned off anyway, I prefer the simple ones, which I assume are standard Chromium ones. And they do have a delay before showing, maybe 1sec.

I actually think this is a bug, there should be a small delay before showing. But of course, if they add a small delay, there will be lots of users crying out that this somehow "broke their workflow" or whatever. And they really can't add an option for every bloody little thing.

So I guess this is a good workaround for those who have the problem

code3

@pathduck Yes, I do mean that setting, and I think this mod is a good middle ground between having the setting on and having it off. Having it off is not the "standard chromium setting" as chromium also has popup-style tab titles:
https://duckduckgo.com/?q=chrome+tab+tooltips&t=vivaldi&iar=images&iax=images&ia=images
However the chrome ones have a slight delay.

Pathduck

@code3 said in Less Annoying Tooltips!:

However the chrome ones have a slight delay.

Yes, that's why I believe this is a bug. And the Chrome ones don't have the thumbnail, which would likely make it more annoying with the setting on.

And I do think the simple ones are part of the Chromium UI but older (and uglier) implementations. They can't be themed so they're not part of Vivaldi's UI and use the same delay as the Chromium ones. While Vivaldi apparently thought that no delay would be better for some reason

Buuuuut I'm not going to report as a bug, I have too many outstanding ones and don't use the thumbnail popups anyway

Hadden89

@pathduck Probably is not even a "real bug". I actually did a FR time ago about that
(thumbs are part of the tooltip if things are not changed)

Vistaus

Nice mod! But is there also a way to disable tab tooltips entirely?

code3

@pathduck said in Less Annoying Tooltips!:

the simple ones are part of the Chromium UI

I think they are title= attributes, which is similar to what chrome used to use, what edge uses now, and also part of WebKit/Blink.

paul1149

Thanks, but it's not working here on the latest snapshot, Linux.

code3

@paul1149 I am on latest snapshot, Linux. Have you disabled animation in settings?

Try updated code?

paul1149

I now copied the updated code, and here are my "animat" settings. It's still not working.

paul1149

And now, suddenly, it's working.. No idea why, but it's nice. Thank you.

Edit: and now it's not.

code3

@paul1149 Did you try my updated code? Restart Vivaldi? Temporarily enable animation?
Edit: Works for me, with animations disabled, old code, and Snapshot on Linux.
Vivaldi 3.9.2289.3 / Chrome 91.0.4472.33

Seems to be something on your end. Try in guest profile?

Or maybe you don't get the point of the mod. It is supposed to add a 1 to 2 second delay, not remove the tooltips.

paul1149

@code3 All except change animations. It works once in a while. It didn't work in a Guest window. Strange.

paul1149

And yes, I do get the point of the code.

code3

@paul1149 said in Less Annoying Tooltips!:

And yes, I do get the point of the code.

Including the fact that it is only supposed to delay the first hover? If you move the cursor to the next tab there is no delay. There is only a delay when the tooltip is created again.

If it still doesn't work when all other mods are disabled, ask me again. What side are your tabs on?

paul1149

I wasn't aware of that initial response only aspect, but I thought I did account for it with the way I tested it. But apparently not well enough. Now that I'm consciously aware the code seems to be working as it should. I'll post back if it doesn't work again, but perhaps the mystery is solved. My tabs are on the right, and I use two tab columns.

Thanks again.

dude99

@code3 try animation: tab-tooltip 2s 0s both !important; to force all animation play from 0% to 100% each time.

code3

@dude99 That's not the behavior I want personally but it could help someone else.

Vistaus

@linuxb said in Less Annoying Tooltips!:

@vistaus No thumbnail:
No thumbnail, nor text tooltip:
#vivaldi-tooltip .tooltip {
  display: none;
}

Thanks, but that doesn't work: even with that CSS code, text tooltips are still showing.

kisunviikset

@vistaus
If you check that box it works. At least for me nothing shows that way with this .css. If I uncheck the box it doesn't work.

Less Annoying Tooltips!

Sorry, I'm currently hiatus from updating any of my CSS mod until further notice...