From 87dcdcacc3824de9b06157d0e0fe23f021cdae9e Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 12 Dec 2024 02:52:18 +0200 Subject: [PATCH] style(next): tree actions toolbar: gracefully handle when the floating button overlaps with the tree item action buttons --- src/public/stylesheets/theme-next/shell.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index a1a5ec5b6..e8bae1f61 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -522,8 +522,10 @@ div.quick-search .search-button.show { right: calc((var(--tree-actions-toolbar-collapsed-width) - var(--tree-actions-toolbar-expand-button-size)) / 2); width: var(--tree-actions-toolbar-expand-button-size); height: var(--tree-actions-toolbar-expand-button-size); + box-shadow: 2px 2px 6px var(--left-pane-background-color); border-radius: 50%; background: var(--left-pane-item-action-button-background); + backdrop-filter: blur(10px); color: var(--left-pane-item-action-button-color); font-family: boxicons; font-size: 18px;