diff --git a/resources/css/app.css b/resources/css/app.css index ccaf7181e..0d80bf0b4 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -1959,6 +1959,19 @@ @media (max-width: 767px) { transform: translate(-50%, -50%) !important; z-index: 9999 !important; } + + /* The mobile top bar's backdrop filter makes it the containing block for + fixed descendants. Keep this menu anchored below its trigger instead + of centering it within the short top bar. */ + .listbox-panel.top-user-menu-panel { + position: absolute !important; + top: calc(100% + 0.25rem) !important; + right: 0 !important; + left: auto !important; + max-height: calc(100dvh - 4.5rem) !important; + overflow-y: auto !important; + transform: none !important; + } } .listbox-option { diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php index 1452445ce..0be0fd0aa 100644 --- a/resources/views/components/navbar.blade.php +++ b/resources/views/components/navbar.blade.php @@ -167,6 +167,16 @@ class="{{ request()->is('security*') ? 'menu-item-active menu-item' : 'menu-item + @if (isCloud() && auth()->user()->isAdmin()) +