Update disabled field style

openfoodfoundation · Nov 29, 2023 · 9ce511f · 9ce511f
1 parent aa79234
commit 9ce511f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/webpacker/css/admin_v3/globals/variables.scss b/app/webpacker/css/admin_v3/globals/variables.scss
@@ -75,7 +75,9 @@ $color-sel-hover-bg:             $lighter-grey !default;
 $color-txt-brd:                  $color-border !default;
 $color-txt-text:                 $near-black !default;
 $color-txt-hover-brd:            $teal !default;
-$color-txt-changed-brd:         $bright-orange !default;
+$color-txt-disabled-text:        $medium-grey !default;
+$color-txt-disabled-brd:         $light-grey !default;
+$color-txt-changed-brd:          $bright-orange !default;
 $vpadding-txt:                   5px;
 $hpadding-txt:                   8px;
 

diff --git a/app/webpacker/css/admin_v3/shared/forms.scss b/app/webpacker/css/admin_v3/shared/forms.scss
@@ -28,7 +28,8 @@ fieldset {
   }
 
   &[disabled] {
-    opacity: 0.7;
+    color: $color-txt-disabled-text;
+    border-color: $color-txt-disabled-brd;
   }
 
   &.changed {