fix(styles): disable and valid, invalid style fix

swisspost · Apr 4, 2024 · 2116d9e · 2116d9e
1 parent 5ce4074
commit 2116d9e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/styles/src/components/form-validation.scss b/packages/styles/src/components/form-validation.scss
@@ -101,7 +101,10 @@
 .form-control,
 .form-select {
   &.is-invalid {
-    border-color: form-validation.$form-feedback-invalid-color;
+    &:not(:disabled) {
+      border-color: form-validation.$form-feedback-invalid-color;
+    }
+
     background-image: b.escape-svg(form-validation.$form-feedback-icon-invalid);
 
     @include utilities-mx.high-contrast-mode() {
@@ -118,7 +121,10 @@
   }
 
   &.is-valid {
-    border-color: var(--post-success-green);
+    &:not(:disabled) {
+      border-color: var(--post-success-green);
+    }
+
     background-image: b.escape-svg(form-validation.$form-feedback-icon-valid);
 
     @include utilities-mx.high-contrast-mode() {