web-vitals-extension icon indicating copy to clipboard operation
web-vitals-extension copied to clipboard

[Feature request] Blinking icon is too distracting. Having an option to disable it might be nice.

Open gangsthub opened this issue 3 years ago • 1 comments

Initial state: initial state, only red squared icon Alternate state: alternate state, req square is covered by some more data, like the metric failing and the offset value

Currently, the badge is designed to be blinking constantly.

It's a little bit too distracting when the Extension icon is "pinned" on Chrome's toolbar.

I think having the blinking as an option you can disable would be more friendly. Or just show the red icon with the badge (one of the current states).

gangsthub avatar Jun 02 '21 15:06 gangsthub

I wonder if we can tap into the prefers-reduced-motion user setting to improve this. The popup also has a slight animation that we can skip.

rviscomi avatar May 11 '22 20:05 rviscomi

I kinda agree it's a bit distracting and had a quick look into this, but might not be as simple as I initially thought it would be.

This is controlled by the service worker, but it doesn't have access to localStorage (to get the user settings), nor window (to call window.matchMedia('(prefers-reduced-motion: reduce)').matches to see if prefers-reduce-media is set).

So guessing we'll need to broadcast the latest state of this with each metric? Which sounds a little more complicated than ideal.

Or maybe we should just stop this and stick with the overall state one (which should only change when the metric worsen - which is probably something you want to be altered to).

tunetheweb avatar Jul 17 '23 15:07 tunetheweb

Actually the settings are synced to profile, so are available to the service worker. Fix coming up.

tunetheweb avatar Jul 17 '23 20:07 tunetheweb