DS-324: Focus style fix

funidata · Aug 27, 2024 · a38548d · a38548d
1 parent d570d55
commit a38548d
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss
@@ -2,6 +2,7 @@
 /* stylelint-disable declaration-no-important */
 /* stylelint-disable declaration-property-value-disallowed-list */
 /* stylelint-disable max-nesting-depth */
+/* stylelint-disable no-descending-specificity */
 /* stylelint-disable unit-disallowed-list */
 /* stylelint-disable selector-max-class */
 /* stylelint-disable selector-class-pattern */
@@ -69,6 +70,17 @@
         & fudis-radio-button {
           padding-left: spacing.$spacing-xxs;
         }
+
+        // Additional padding for dialog content buttons so that focus style is not cropped in any case
+        fudis-button {
+          padding: spacing.$spacing-xxs;
+        }
+
+        & .fudis-form__header__actions__dialog {
+          & fudis-button {
+            padding: spacing.$spacing-none;
+          }
+        }
       }
 
       & .mat-mdc-dialog-actions {