EPMRPP-81548 || Update components colors and opacity

-Dropdown -Field text
reportportal · Oct 18, 2023 · c9cdbf9 · c9cdbf9
1 parent 841163a
commit c9cdbf9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/app/src/componentLibrary/dropdown/dropdown.scss b/app/src/componentLibrary/dropdown/dropdown.scss
@@ -77,8 +77,8 @@
 }
 
 @mixin disabled-state {
-  opacity: 0.3;
   pointer-events: none;
+  background-color: $COLOR--bg-100;
 }
 
 @mixin value($color: $COLOR--almost-black) {
@@ -159,6 +159,10 @@
 
     &.disabled {
       @include disabled-state;
+
+      .value {
+        color: $COLOR--e-300;
+      }
     }
 
     &.error.touched {
@@ -227,6 +231,10 @@
 
     &.disabled {
       @include disabled-state;
+
+      .value {
+        color: $COLOR--e-300;
+      }
     }
 
     &.error.touched {

diff --git a/app/src/componentLibrary/fieldText/fieldText.scss b/app/src/componentLibrary/fieldText/fieldText.scss
@@ -64,7 +64,8 @@
 }
 
 @mixin disabled-state {
-  opacity: 0.3;
+  pointer-events: none;
+  background-color: $COLOR--bg-100;
 }
 
 @mixin additional-text($color) {
@@ -200,7 +201,7 @@
   }
 
   &.placeholder {
-    @include input-text($COLOR--e-200);
+    @include input-text($COLOR--e-300);
     position: absolute;
     top: 2px;
     left: 0;