fix: primevue dialog button style (#162)

* fix(primevue): remove important from dialog button * fix(primevue): fix primevue dialog classname selection
bcgov · Mar 4, 2024 · fe9801f · fe9801f
1 parent 9d1b25c
commit fe9801f
Showing 1 changed file with 13 additions and 19 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -674,46 +674,40 @@ label {
 }
 
 /* ------------------------------------ dialog confirm button reject --------------------------         */
-.#{variables.$primevue-prefix}-dialog
-    .#{variables.$primevue-prefix}-confirm-dialog-reject,
-.#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:hover,
-.#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:focus {
-    border: 0.0625rem solid
-        map.get(lightButton.$light-button-token-overrides, 'button-tertiary') !important;
-}
-
 .#{variables.$primevue-prefix}-dialog
     .#{variables.$primevue-prefix}-confirm-dialog-reject {
+    border: 0.0625rem solid
+        map.get(lightButton.$light-button-token-overrides, 'button-tertiary');
     background: transparent;
 }
 
-.#{variables.$primevue-prefix}-button
-    .#{variables.$primevue-prefix}-confirm-dialog-reject,
-.#{variables.$primevue-prefix}-button-text:enabled:hover {
+.#{variables.$primevue-prefix}-dialog
+    .#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:hover,
+.#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:focus {
     background: map.get(
         lightButton.$light-button-token-overrides,
         'button-tertiary-hover'
-    ) !important;
+    );
     border-color: map.get(
         lightButton.$light-button-token-overrides,
         'button-tertiary-hover'
-    ) !important;
-    color: map.get(lightTheme.$light-theme, 'text-on-color') !important;
+    );
+    color: map.get(lightTheme.$light-theme, 'text-on-color');
 }
 
 /* ------------------------------------ dialog confirm button accept -------------------------- */
 .#{variables.$primevue-prefix}-dialog
     .#{variables.$primevue-prefix}-confirm-dialog-accept {
-    color: colors.$white !important;
+    color: colors.$white;
     border: 0.0625rem solid
         map.get(
             lightButton.$light-button-token-overrides,
             'button-danger-primary'
-        ) !important;
+        );
     background-color: map.get(
         lightButton.$light-button-token-overrides,
         'button-danger-primary'
-    ) !important;
+    );
 }
 
 .#{variables.$primevue-prefix}-dialog
@@ -722,11 +716,11 @@ label {
         map.get(
             lightButton.$light-button-token-overrides,
             'button-danger-hover'
-        ) !important;
+        );
     background-color: map.get(
         lightButton.$light-button-token-overrides,
         'button-danger-hover'
-    ) !important;
+    );
 }
 
 /* ------------------------------------ primevue toast --------------------------------- */