From 9e0e107d236022d550d077da7aa9af415ac02f8a Mon Sep 17 00:00:00 2001 From: 6543 <6543@obermui.de> Date: Thu, 5 Jun 2025 21:02:07 +0200 Subject: [PATCH] Fix notification count positioning for variable-width elements (#34597) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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ß --- web_src/css/modules/navbar.css | 4 ++-- 1 file 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 */