traewelling icon indicating copy to clipboard operation
traewelling copied to clipboard

Notification count misplaced on some screen sizes

Open MrKrisKrisu opened this issue 2 years ago • 1 comments

Describe the bug Since the Vue-Update (#1665) the badge with the numbers of notifications isn't placed correctly in some screen wides. The following screenshot is taken at 811px * 948px.

Screenshots image

MrKrisKrisu avatar Jun 17 '23 17:06 MrKrisKrisu

Hmpf. I'm too bad for CSS. :(

HerrLevin avatar Jun 17 '23 18:06 HerrLevin

A simple pure-css solution is to add

white-space: nowrap;

to the <button> element to avoid the line break between the two included <span> elements (bell icon + notification count badge)

pascalwittler avatar Jun 04 '24 23:06 pascalwittler