Skip to content

Commit 9e0e107

Browse files
6543Marcel Haß
and
Marcel Haß
authored
Fix notification count positioning for variable-width elements (#34597)
The notification count is currently positioned using top/left coordinates from its container's top/left corner. This works fine for fixed-size containers like the bell icon. This PR changes the positioning to use bottom/left coordinates from the container's top/right corner instead. This improvement is needed when placing notification counts on text that can vary in size due to different languages or fonts. The bell and stopwatch should look the same after this change. --- *Sponsored by Kithara Software GmbH* Co-authored-by: Marcel Haß <[email protected]>
1 parent e5781ce commit 9e0e107

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

web_src/css/modules/navbar.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -129,8 +129,8 @@
129129
background: var(--color-primary);
130130
border: 2px solid var(--color-nav-bg);
131131
position: absolute;
132-
left: 6px;
133-
top: -9px;
132+
left: calc(100% - 9px);
133+
bottom: calc(100% - 9px);
134134
min-width: 17px;
135135
height: 17px;
136136
border-radius: 11px; /* (height + 2 * borderThickness) / 2 */

0 commit comments

Comments
 (0)