diff options
| author | 6543 <6543@obermui.de> | 2025-06-05 21:02:07 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-06-05 19:02:07 +0000 |
| commit | 9e0e107d236022d550d077da7aa9af415ac02f8a (patch) | |
| tree | fc8ceb952299be33287c26f7d05cc02708b03961 | |
| parent | e5781cec75d7ba350fb9162b3882192574c80429 (diff) | |
| download | gitea-9e0e107d236022d550d077da7aa9af415ac02f8a.tar.gz gitea-9e0e107d236022d550d077da7aa9af415ac02f8a.zip | |
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ß <m.hass@kithara.com>
| -rw-r--r-- | web_src/css/modules/navbar.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css index b09b271ad4..ab431e3675 100644 --- a/web_src/css/modules/navbar.css +++ b/web_src/css/modules/navbar.css @@ -129,8 +129,8 @@ background: var(--color-primary); border: 2px solid var(--color-nav-bg); position: absolute; - left: 6px; - top: -9px; + left: calc(100% - 9px); + bottom: calc(100% - 9px); min-width: 17px; height: 17px; border-radius: 11px; /* (height + 2 * borderThickness) / 2 */ |