Central Theme Header User Icons

Development
2

If you inspect a page and check out the Sources tab, you can look at how it’s been made.

Essentially:

  • The new user menu is made with a widget, added with api.addToHeaderIcons
  • The notifications menu:
    • The avatar is replaced with a bell icon by replacing its content from header-notifications widget.
    • The user menu quick access icon is hidden with CSS.