Hover efekt u funkčních ikon v rámci rozhraní

[vojir]

Pro přehlednost uživatelského rozhraní by bylo vhodné při najetí myši využít nějaké zvýraznění ikon (optimální by bylo barevné podbarvení, jako např. při aktivní lupě)

• u barevných ikon je možné zvážit též použití průhlednosti (pro zvýraznění)
• úprava se týká "všech" malých ikon v uživatelském rozhraní (vyjma "palců")

[PreVaDu]

Když jsem se podíval blíže na řešení tohoto problému, narazil jsem na pár zádrhelů...
U lupy je zvýraznění řešené pomocí jiné verze s barvou a to v rámci jedné ikonky. Pokud takto nechceme předělávat všechny ikonky, byla by vhodná obecná třída. Filtr na obarvení však není většinou kompatibilní napříč prohlížeči.
Můžeme to tedy udělat tak, že ikonky uděláme sytější (tmavší šedá) a v základu budou mít průhlednost, při hoveru plné zobrazení (tím dojde k ztmavnutí při hoveru). Nebo můžeme předělat ikonky do icon fontu (mám vyzkoušený třeba https://icomoon.io/ ) a pak krásně obarvovat, jak budeme chtít. Na to jsou však vhodné svg ikonky a ty, pokud se nepletu, nemáme...

[vojir]

SVG ikonky nemáme, spíš bych to viděl na nějakou tu průhlednost...
Alternativou by bylo opravdu použití nějakého "ikonkového" fontu - např. též http://fortawesome.github.io/Font-Awesome/icons/ (ale byli bychom limitování jednobarevnými ikonami)

[PreVaDu]

V případě EM mi připadá použití FA zbytečné - ikonek nemáme tolik a celé FA řešení je zbytečně velké. Můžeme však pomocí toho, co jsem posílal, vytvořit subset ikonek, které nás zajímají a jen ty nasadit.
Limitace jednobarevností však zůstane.

Průhlednost však bude limitovat víceméně stejně, sice je možné mít ikonky trochu barevnější, ale změna bude pořád ve smyslu světlejší <-> tmavší...

[vojir]

navrhuji to probrat v rámci příštího skypu