fix: stylings for helper message and input variants

aizad-deriv · aizad-deriv · commit dd8f65eb1a14 · 2024-02-01T18:40:19.000+08:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -97,6 +97,12 @@ $border: 1px solid;`
`97`	`97`	`}`
`98`	`98`	`}`
`99`	`99`
	`100`	`+.deriv-input--general .deriv-input__field:disabled + .deriv-input__label,`
	`101`	`+.deriv-input--error .deriv-input__field:disabled + .deriv-input__label,`
	`102`	`+.deriv-input--success .deriv-input__field:disabled + .deriv-input__label {`
	`103`	`+ color: $disabled_color;`
	`104`	`+}`
	`105`	`+`
`100`	`106`	`.deriv-input--general .deriv-input__field:focus + .deriv-input__label {`
`101`	`107`	`color: $active_color;`
`102`	`108`	`}`