EPMRPP-81518 || Update components colors and opacity for icons

reportportal · Nov 11, 2023 · 16741b6 · 16741b6
1 parent 88b9128
commit 16741b6
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 14 deletions.
diff --git a/app/src/componentLibrary/dropdown/dropdown.scss b/app/src/componentLibrary/dropdown/dropdown.scss
@@ -28,6 +28,8 @@
   box-sizing: border-box;
   transition: border-color 200ms linear;
   cursor: pointer;
+
+  @include arrow-color($COLOR--e-300);
 }
 
 @mixin arrow-color($arrowColor) {
@@ -79,6 +81,12 @@
 @mixin disabled-state {
   pointer-events: none;
   background-color: $COLOR--bg-100;
+
+  .arrow {
+    svg path {
+      opacity: 0.4;
+    }
+  }
 }
 
 @mixin value($color: $COLOR--almost-black) {

diff --git a/app/src/componentLibrary/fieldNumber/fieldNumber.scss b/app/src/componentLibrary/fieldNumber/fieldNumber.scss
@@ -20,7 +20,7 @@
   flex-direction: column;
 
   &.disabled {
-    opacity: 0.3;
+    opacity: 0.4;
   }
 }
 
@@ -40,6 +40,10 @@
   height: 16px;
   cursor: pointer;
 
+  svg {
+    fill: $COLOR--e-300;
+  }
+
   &.disabled {
     cursor: default;
   }

diff --git a/...onents/integrations/elements/bts/btsPropertiesForIssueForm/btsPropertiesForIssueForm.scss b/...onents/integrations/elements/bts/btsPropertiesForIssueForm/btsPropertiesForIssueForm.scss
@@ -55,6 +55,15 @@
     width: 16px;
     height: 16px;
     cursor: pointer;
+
+    path {
+      fill: $COLOR--e-300;
+    }
+
+    path:first-child {
+      stroke: $COLOR--e-300;
+      fill: none;
+    }
   }
   .show-hint-text {
     color: $COLOR--almost-black;

diff --git a/...components/integrations/elements/integrationSettings/integrationForm/integrationForm.scss b/...components/integrations/elements/integrationSettings/integrationForm/integrationForm.scss
@@ -38,19 +38,6 @@
   justify-content: center;
   width: 100%;
   margin-top: 5px;
-
-  svg path {
-    fill: $COLOR--e-300;
-  }
-
-  i {
-    svg {
-      path:first-child {
-        stroke: $COLOR--e-300;
-        fill: none !important;
-      }
-    }
-  }
 }
 
 .block-header {