Efekt :hover kursora w popupie powiadomień pojawia się zanim jeszcze kursor zmieni się na cursor:pointer i zanim element jest klikalny - mega to jest irytujące.
UX podpowiadałoby że dymek powinien się świecić jeśli menu item jest aktywny. Teraz świeci się nawet jak nie jest.
Powinno być tak:
A) Albo menu item się nie podświetla na hover, kiedy kursor jest cursor:default i kiedy item nie jest aktywny
B) Cały menu item powinien być aktywny, a nie tylko elementy wewnątrz.
O ile dobrze Cię rozumiem… Teraz jest tak, że niektóre obszary danej pozycji na tej liście nie są klikalne; to znaczy, po kliknięciu nie występuje żadna akcja zauważalna dla użytkownika, a kursor nie zmienia się na łapkę. Dana pozycja jest za to podświetlana, gdy kursor znajdzie się w takim obszarze. Czy chodzi Ci o to, żeby tych obszarów nie było? To znaczy, żeby po kliknięciu w którymkolwiek miejscu danej pozycji wykonywana była akcja przekierowania do treści, której dotyczy powiadomienie z tej pozycji (co będzie spójne z podświetleniem tej pozycji)?
Silv napisał(a):
O ile dobrze Cię rozumiem… Teraz jest tak, że niektóre obszary danej pozycji na tej liście nie są klikalne; to znaczy, po kliknięciu nie występuje żadna akcja zauważalna dla użytkownika, a kursor nie zmienia się na łapkę. Dana pozycja jest za to podświetlana, gdy kursor znajdzie się w takim obszarze.
Exactly.
Czy chodzi Ci o to, żeby tych obszarów nie było? To znaczy, żeby po kliknięciu w którymkolwiek miejscu danej pozycji wykonywana była akcja przekierowania do treści, której dotyczy powiadomienie z tej pozycji (co będzie spójne z podświetleniem tej pozycji)?
Chodzi o to, że podświetlenie itemu, podczas gdy nie jest klikalny to zły UX.
OK. Najpewniej chodzi o padding elementu HTML <div class="notification">; ma rozmiar 6px z każdej strony (testowane na Chromium 90.0.4430.212 (Developer Build)). W środku tego elementu jest kolejny element div, a głębiej element a, i dopiero ten ostatni jest klikalny.
Silv napisał(a):
OK. Najpewniej chodzi o padding elementu HTML <div class="notification">; ma rozmiar 6px z każdej strony (testowane na Chromium 90.0.4430.212 (Developer Build)). W środku tego elementu jest kolejny element div, a głębiej element a, i dopiero ten ostatni jest klikalny.
No oczywiście że chodzi o padding. Gratuluję "odkrycia".
Można poprawić, PR chętnie przyjmę ;) Tylko trzeba wziąć pod uwagę że tam jest kilka linków. Jeden link prowadzi do profilu a drugi do treści powiadomienia.