fix color values for disabled fields

bcgov · Nov 19, 2024 · 78627fd · 78627fd
1 parent 04c3c0c
commit 78627fd
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/forms-flow-web/src/components/FOI/FOIRequest/MinistryReview/MinistryReview.scss b/forms-flow-web/src/components/FOI/FOIRequest/MinistryReview/MinistryReview.scss
@@ -85,12 +85,20 @@
 
 .MuiFormLabel-root.Mui-disabled {
     font-family: "BCSans-Bold", sans-serif !important;
-    color: rgba(0, 0, 0, 0.58) !important;
+    color: black !important;
 }
 
-input.MuiInputBase-input.Mui-disabled {
+.MuiInputBase-input.Mui-disabled {
     background-color: #EEEEEE;
-    color: rgba(0, 0, 0, 0.58);
+    color: black;
+}
+
+// .Mui-disabled.MuiInputBase-root {
+//     background-color: #EEEEEE;
+// }
+
+.request-flag .MuiInputBase-input.Mui-disabled {
+    background-color: transparent !important;
 }
 
 .PrivateNotchedOutline-legendLabelled-4 {

diff --git a/forms-flow-web/src/components/FOI/customComponents/CFRForm/index.tsx b/forms-flow-web/src/components/FOI/customComponents/CFRForm/index.tsx
@@ -556,6 +556,8 @@ export const CFRForm = ({
         component="form"
         sx={{
           '& .MuiTextField-root': { my: 1, mx: 0 },
+          '& .Mui-disabled': { '-webkit-text-fill-color': "black !important" },
+          '& .MuiInputBase-root.Mui-disabled': { 'background-color': "#eee !important" },
         }}
         autoComplete="off"
       >