From 69330aa0fec11232d948db017a9fbf89d377c4ff Mon Sep 17 00:00:00 2001 From: Sychev Andrey <44414066+SychevAndrey@users.noreply.github.com> Date: Fri, 27 Jun 2025 12:23:20 +0200 Subject: [PATCH] dbeaver/pro#6038 fix: can't click on checkbox in OutputLogMenu (#3539) * dbeaver/pro#6038 fix: can't click on checkbox in OutputLogMenu * dbeaver/pro#6038 refactor: update menu item and tree node styles replace theme-ripple classname with in-place styles for hover and active states * dbeaver/pro#6038 refactor: move pointer events none in MenuItemIcon class * Revert "dbeaver/pro#6038 refactor: update menu item and tree node styles" This reverts commit 2c2fdc2e8d8be737857e7fb89b30bf22dec04dea. * dbeaver/pro#6038 revert changes made in this branch and #5997, #5989 previous manipulations with theme-ripple class has broken our UI in several places. this PR returns to the state before #5989 when only CloudExplorerTree was broken --------- Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com> --- .../src/styles/_theme-ripple.scss | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/webapp/packages/core-theming/src/styles/_theme-ripple.scss b/webapp/packages/core-theming/src/styles/_theme-ripple.scss index 106ff85a24..667a77e3b3 100644 --- a/webapp/packages/core-theming/src/styles/_theme-ripple.scss +++ b/webapp/packages/core-theming/src/styles/_theme-ripple.scss @@ -11,14 +11,14 @@ .theme-ripple { @include mdc-states($color, $query: $query); - &[aria-expanded="true"] { + &[aria-expanded='true'] { &::before { opacity: mdc-states-opacity($color, focus) + mdc-states-opacity($color, hover); } } &.theme-ripple-selectable { - &[aria-selected=true] { + &[aria-selected='true'] { &::before { opacity: mdc-states-opacity($color, focus) + mdc-states-opacity($color, hover); } @@ -48,7 +48,6 @@ width: 100%; height: 100%; overflow: hidden; - pointer-events: none; } } @@ -60,8 +59,8 @@ &:hover { @include mdc-theme-prop(color, text-primary-on-light, false); } - - &[aria-selected=true] { + + &[aria-selected='true'] { @include mdc-theme-prop(background-color, surface, false); @include mdc-theme-prop(color, text-primary-on-light, false); @@ -80,8 +79,8 @@ &:hover { @include mdc-theme-prop(color, text-primary-on-light, false); } - - &[aria-selected=true] { + + &[aria-selected='true'] { @include mdc-theme-prop(background-color, surface, false); @include mdc-theme-prop(color, text-primary-on-light, false); @@ -100,8 +99,8 @@ &:hover { @include mdc-theme-prop(color, text-primary-on-light, false); } - - &[aria-selected=true] { + + &[aria-selected='true'] { @include mdc-theme-prop(background-color, surface, false); @include mdc-theme-prop(color, text-primary-on-light, false); @@ -112,4 +111,4 @@ } } } -} \ No newline at end of file +}