diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index 6e46e876a..ecb204bf9 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -577,15 +577,21 @@ div.quick-search .search-button.show { transition: background-color 100ms ease-out !important; } -/* - * Quick search results - */ - div.quick-search .dropdown-menu { --quick-search-item-delimiter-color: transparent; --menu-item-icon-vert-offset: -.065em; } +/* + * TO FIX: The quick search results dropdown has a backdrop issue with the tree panel + * when background effects are enabled in Electron. + * As a temporary workaround, the backdrop and transparency are disabled for the + * vertical layout. + */ +body.layout-vertical.background-effects div.quick-search .dropdown-menu { + --menu-background-color: var(--menu-background-color-no-backdrop); +} + /* Item */ .quick-search .dropdown-menu *.dropdown-item { padding: 8px 12px !important;