From c9cdbf9c86157728d9637f013e06f8ece12fc6c9 Mon Sep 17 00:00:00 2001 From: Dzmitry Kosarau Date: Wed, 18 Oct 2023 17:19:30 +0500 Subject: [PATCH] EPMRPP-81548 || Update components colors and opacity -Dropdown -Field text --- app/src/componentLibrary/dropdown/dropdown.scss | 10 +++++++++- app/src/componentLibrary/fieldText/fieldText.scss | 5 +++-- 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/app/src/componentLibrary/dropdown/dropdown.scss b/app/src/componentLibrary/dropdown/dropdown.scss index 5ba28c86a7..df54b9be43 100644 --- 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 index 5fbc347fe3..8501c8a5a5 100644 --- 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;