Merge pull request #3971 from open-formulieren/fix/3958-read-only-field

💄 [#3958] removed styling for the read-only field
open-formulieren · Mar 6, 2024 · eda569e · eda569e
2 parents 35fc9c6 + 05e0515
commit eda569e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/openforms/scss/admin/themes/_dark.scss b/src/openforms/scss/admin/themes/_dark.scss
@@ -29,6 +29,7 @@
   --default-button-hover-bg: #888;
 
   --form-input-bg: #232222;
+  --form-input-bg-readonly: #1a1818;
   --react-tab-border-color: var(--hairline-color);
   --list-item-active-bg: #333;
   --list-item-active-fg: #2fc0ec;
@@ -65,6 +66,9 @@
   select,
   .vTextField {
     background-color: var(--form-input-bg);
+    &:read-only {
+      background-color: var(--form-input-bg-readonly);
+    }
   }
 
   input[type='checkbox'],

diff --git a/src/openforms/scss/admin/themes/_light.scss b/src/openforms/scss/admin/themes/_light.scss
@@ -49,6 +49,7 @@
 
   // custom variables
   --form-input-bg: var(--body-bg);
+  --form-input-bg-readonly: #e9ecef;
   --react-tab-border-color: #ddd;
   --list-item-active-bg: #f3f3f3;
   --list-item-active-fg: var(--primary);

diff --git a/src/openforms/scss/components/builder/_builder.scss b/src/openforms/scss/components/builder/_builder.scss
@@ -207,12 +207,6 @@ div.flatpickr-calendar.open {
     border-color: var(--body-quiet-color);
     color: var(--body-fg);
   }
-
-  &:read-only {
-    background-color: var(--form-input-bg);
-    border-color: var(--border-color);
-    color: var(--body-fg);
-  }
 }
 
 .table {