From 51692aabd5a51dbcf949225838442b8a90527652 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sun, 21 Sep 2025 03:09:39 +0300 Subject: [PATCH] style(next)/dropdowns: fix scrollbar broken corners --- apps/client/src/stylesheets/style.css | 2 +- apps/client/src/stylesheets/theme-next/base.css | 4 ---- apps/client/src/stylesheets/theme-next/shell.css | 6 ++---- 3 files changed, 3 insertions(+), 9 deletions(-) diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index 2036f0bd8..84276e9c4 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -363,7 +363,7 @@ button kbd { .tabulator-popup-container { color: var(--menu-text-color) !important; font-size: inherit; - background-color: var(--menu-background-color) !important; + background: var(--menu-background-color) !important; user-select: none; -webkit-user-select: none; --bs-dropdown-zindex: 999; diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 9488332bc..a1885a9a3 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -102,10 +102,6 @@ body.backdrop-effects-disabled { font-size: 0.9rem !important; } -.dropdown-menu { - --scrollbar-background-color: var(--menu-background-color); -} - body.mobile .dropdown-menu { backdrop-filter: var(--dropdown-backdrop-filter); border-radius: var(--dropdown-border-radius); diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index b4007975c..4c55486d8 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -588,10 +588,8 @@ div.quick-search .dropdown-menu { * As a temporary workaround, the backdrop and transparency are disabled for the * vertical layout. */ -body.layout-vertical.background-effects div.quick-search .dropdown-menu { - --scrollbar-background-color: var(--menu-background-color-no-backdrop); - - background: var(--menu-background-color-no-backdrop) !important; +body.layout-vertical.background-effects div.quick-search .dropdown-menu { + --menu-background-color: var(--menu-background-color-no-backdrop) !important; } /* Item */