#9317 Rewrite Actions long CSS rules

Fixes #9317
surveyjs · Jan 15, 2025 · e86cfb7 · e86cfb7
1 parent 8aa903a
commit e86cfb7
Showing 1 changed file with 19 additions and 20 deletions.
diff --git a/packages/survey-core/src/common-styles/sv-actionbar.scss b/packages/survey-core/src/common-styles/sv-actionbar.scss
@@ -89,31 +89,30 @@ button.sv-action-bar-item {
   }
 }
 
-//hovered state
-.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
-.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
-  outline: none;
-  background-color: $background-dim;
-}
+.sv-action-bar-item {
+  //hovered and focused state
+  &:hover,
+  &:focus {
+    outline: none;
+    background-color: $background-dim;
+  }
 
-.sv-action-bar-item--active.sv-action-bar-item--pressed {
+  //pressed state
+  &:active,
+  &.svc-toolbar__item--pressed {
+    opacity: 0.5;
+  }
 
-  &:focus,
-  &:focus-visible {
+  //checked state
+  &.svc-toolbar__item--active {
     outline: none;
-    // background-color: $background-dim;
   }
-}
 
-//pressed state
-.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {
-  opacity: 0.5;
-}
-
-//disabled state
-.sv-action-bar-item:disabled {
-  opacity: 0.25;
-  cursor: default;
+  //disabled state
+  &:disabled {
+    opacity: 0.25;
+    cursor: default;
+  }
 }
 
 .sv-action-bar-item__title {