~[] The Echo icons should use mw-ui-icon classes so they are aligned with the otherDue to Echo's behavior of replacing the original icons in the header.with OOUI, This will we cannot resolve all the issues ineasily use core icons for the ticket,echo icons. but it will allow us to focus on T191021.~
Due to Echo's behavior of replacing the original icons with OOUI, we cannot easily use core icons for the echo icons.[[ https://wikimedia.slack.com/archives/C010F7PJRRV/p1626803049039800 | More context on Slack ]]
[] The Echo icons should be styled/overridden to align with other icons in the header.
=== Context
With the updated user links/menu in the header there will be 5 icon buttons in the header (counting both logged-out and logged-in states):
# Hamburger icon
# Logged-out user menu
# Notifications
# Messages
# Logged-in user menu
| **logged-out** | {F34518823 width=700}
| **logged-in** | {F34518825 width=700}
Currently we don't have consistency among these icon buttons. Size seems to be consistent, but hover state and touch area are not.
=== Design details
{F34518856 width=350}
- if it's helpful this is implemented correctly in Minerva/MF
- demo here: https://di-community-round-2.web.app/Romania