Mute audio symbol is not central

[oas777]

Didn't see that before:

[miesgre]

Yes, the mute icon is not centered because we use the max volume icon to center all volume icons. The "speaker" is constant in all images.

if we centered the icons, when changing from one to another, the icon would move. as if jumping or dancing

What do you think? @oas777? @turro?

[oas777]

Yes, I remember the "dancing effect". I presume the only way to solve it is to make them equally wide in "on" and "mute". Either in YouTube/Vimeo style

or in Netflix style

[oas777]

PS: I like Netflix more...

[turro]

So, if I understand correctly, the point is centering only the speaker and make the waves at the right

[oas777]

Yes and no: YouTube and Vimeo (above) have the same symbol in both positions (speaker and waves), only it's crossed through when the postion is "mute". Netflix has two different symbols (speaker and waves vs. speaker and cross). But all of these are centered.

[miesgre]

Icon changed! Opinions?

[oas777]

Works for me. No dancing. Thanks!

[miesgre]

I uploaded also the other version:

• https://github.com/polimediaupv/paella-ethz/blob/main/public/ethz_theme/icons/volume-mute.svg
• https://github.com/polimediaupv/paella-ethz/blob/main/public/ethz_theme/icons/volume-mute-cross.svg

We have to decide which one to use

[oas777]

I'm in favor of volume-mute-cross.svg. You? @turro?

[turro]

I'm also for volume-mute-cross.svg, The other one gives me a bit of cognitive overhead because it feels to me like "very loud but muted"

[miesgre]

Icon changed to volume-mute-cross.svg 😄