Remove pointer events from the Witch Hats

[apathy]

Currently the Witch Hats on users avatars can overlap the Page navigation buttons like in my screenshot. Cosmetically this isn't the biggest issue in the world, however the hat actually inherits the same anchor as avatars themselves. This creates a problem when you try to click some of the page nav buttons and instead it generates a tooltip for the user who's Witch hat is overlapping.

In my screenshot (which is Last Thing You Bought), trying to click the "..." button so I can input a page number simply generates Kylie's tooltip.

Solution: add the following to extra.less:

/*** Witch's Hat pointer/anchor fix ***/
.avatar::before {
     pointer-events: none;
}

Now the Witch's Hat does not act as a URL, a tooltip will only be generated when we hover the avatar and we now have a much easier time using the page nav.

 

[Ash]

Sorry about the inconvenience with that @apathy. Thanks for the little code snippet as well since that just makes my job easier ? . Should be fixed now with all the active themes.

 

[apathy]

Sorry about the inconvenience with that @apathy. Thanks for the little code snippet as well since that just makes my job easier ? . Should be fixed now with all the active themes.

No worries, it's hardly the biggest issue in the world but definitely worth doing since the fix is so simple. Thanks for the prompt action!