Accessibility Issue in High Contrast Mode - The keyboard focus is not…

… visible for the Add Question button (#3685) * resolve #3648 Accessibility Issue in High Contrast Mode - The keyboard focus is not visible for the Add Question button * work for #3648 : fix add new rule button Co-authored-by: Olga Larina <[email protected]>
surveyjs · Nov 22, 2022 · 80c35ba · 80c35ba
1 parent f5e03db
commit 80c35ba
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/survey-creator-core/src/components/tabs/logic-ui.scss b/packages/survey-creator-core/src/components/tabs/logic-ui.scss
@@ -178,8 +178,9 @@
 
   .svc-logic-tab__content-action--disabled {
     cursor: default;
-    outline: none;
+    outline: solid calcSize(0.25) transparent;
 
+    &:focus,
     &:hover {
       background-color: $background;
       box-shadow: 0px 1px 2px $shadow-inner;

diff --git a/packages/survey-creator-core/src/creator-theme/button.scss b/packages/survey-creator-core/src/creator-theme/button.scss
@@ -10,7 +10,7 @@
   border-radius: calcSize(0.5);
   cursor: pointer;
   user-select: none;
-  outline-color: $primary;
+  outline: solid calcSize(0.25) transparent;
 
   .svc-text {
     display: flex;
@@ -24,5 +24,4 @@
 .svc-btn:hover,
 .svc-btn:focus {
   box-shadow: 0 0 0 2px $primary;
-  outline: none;
 }