opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-10-12 23:37:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

dbeaver/pro#6038 fix: can't click on checkbox in OutputLogMenu (#3539)

Browse Source 
* 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 2c2fdc2e8d.

* 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>
This commit is contained in:
Sychev Andrey
2025-06-27 18:23:20 +08:00
committed by GitHub
co-authored by Daria Marutkina
parent 76fab9d179
commit 69330aa0fe
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/core-theming/src/styles/_theme-ripple.scss
+9 -10
View File
@@ -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 @@
}
}
}
}
}