fix: stylings for helper message and input variants

deriv-com · Feb 1, 2024 · dd8f65e · dd8f65e
1 parent 11b0228
commit dd8f65e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/lib/components/Input/HelperMessage.scss b/lib/components/Input/HelperMessage.scss
@@ -8,6 +8,7 @@ $error_field: #ec3f3f;
   font-style: normal;
   font-weight: 400;
   line-height: 18px;
+  color: $inactive_color;
   &--general {
     color: $inactive_color;
   }

diff --git a/lib/components/Input/Input.scss b/lib/components/Input/Input.scss
@@ -97,6 +97,12 @@ $border: 1px solid;
   }
 }
 
+.deriv-input--general .deriv-input__field:disabled + .deriv-input__label,
+.deriv-input--error .deriv-input__field:disabled + .deriv-input__label,
+.deriv-input--success .deriv-input__field:disabled + .deriv-input__label {
+  color: $disabled_color;
+}
+
 .deriv-input--general .deriv-input__field:focus + .deriv-input__label {
   color: $active_color;
 }