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

reportportal · Oct 29, 2023 · 0a14a12 · 0a14a12
1 parent 770e295
commit 0a14a12
Show file tree

Hide file tree

Showing 8 changed files with 36 additions and 30 deletions.
diff --git a/app/src/components/inputs/inputWithEye/inputWithEye.scss b/app/src/components/inputs/inputWithEye/inputWithEye.scss
@@ -44,11 +44,11 @@
   }
 
   &.disabled {
-    opacity: 0.3;
+    opacity: 0.4;
     cursor: default;
 
     svg path {
-      fill: $COLOR--e-200;
+      fill: $COLOR--e-300;
     }
   }
 }
diff --git a/...onents/integrations/elements/integrationSettings/connectionSection/connectionSection.scss b/...onents/integrations/elements/integrationSettings/connectionSection/connectionSection.scss
@@ -56,7 +56,7 @@
   cursor: pointer;
   outline: none;
   path {
-    fill: $COLOR--e-200;
+    fill: $COLOR--e-300;
   }
   &:hover {
     path {

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

diff --git a/app/src/components/main/dependentFieldsControl/dependentFieldsControl.scss b/app/src/components/main/dependentFieldsControl/dependentFieldsControl.scss
@@ -27,7 +27,7 @@
 
 .field-caption {
   font-size: 13px;
-  color: $COLOR--gray-60;
+  color: $COLOR--e-300;
 }
 
 .dependent-control-field {

diff --git a/app/src/pages/common/settingsPage/ruleList/listItem/controlPanel/controlPanel.scss b/app/src/pages/common/settingsPage/ruleList/listItem/controlPanel/controlPanel.scss
@@ -42,18 +42,16 @@
   svg {
     width: 6px;
     height: 16px;
-    fill: $COLOR--gray-60;
+    fill: $COLOR--e-300;
     &:hover {
-      fill: $COLOR--black-2;
+      fill: $COLOR--e-400;
     }
   }
 
   &.disabled {
     cursor: default;
     pointer-events: none;
-    svg {
-      fill: $COLOR--gray-80;
-    }
+    opacity: 0.4;
   }
 }
 
@@ -93,37 +91,23 @@
   vertical-align: middle;
 
   svg {
-    stroke: $COLOR--gray-60;
+    stroke: $COLOR--e-300;
     &:hover {
-      stroke: $COLOR--black-2;
+      stroke: $COLOR--e-400;
     }
   }
 
   &.filled {
     svg {
-      fill: $COLOR--gray-60;
+      fill: $COLOR--e-300;
       &:hover {
-        fill: $COLOR--black-2;
+        fill: $COLOR--e-400;
       }
     }
   }
 
   &.disabled {
     cursor: default;
-    svg:not(.filled) {
-      stroke: $COLOR--gray-80;
-      &:hover {
-        stroke: $COLOR--gray-80;
-      }
-    }
-
-    &.filled {
-      svg {
-        fill: $COLOR--gray-80;
-        &:hover {
-          fill: $COLOR--gray-80;
-        }
-      }
-    }
+    opacity: 0.4;
   }
 }
diff --git a/.../inside/projectSettingsPageContainer/content/defectTypes/defectTypeRow/defectTypeRow.scss b/.../inside/projectSettingsPageContainer/content/defectTypes/defectTypeRow/defectTypeRow.scss
@@ -101,6 +101,15 @@ $DEFECT_NAME_PADDING: 16px;
     width: 40px;
     height: 14px;
     margin: 0;
+
+    svg {
+      path {
+        fill: $COLOR--e-300;
+      }
+      rect {
+        stroke: $COLOR--e-300;
+      }
+    }
   }
 }
 
@@ -117,7 +126,7 @@ $DEFECT_NAME_PADDING: 16px;
 .delete-button,
 .copy-button {
   path {
-    fill: $COLOR--e-200;
+    fill: $COLOR--e-300;
   }
   &:hover path {
     fill: $COLOR--e-400;

diff --git a/app/src/pages/inside/projectSettingsPageContainer/content/defectTypes/defectTypes.scss b/app/src/pages/inside/projectSettingsPageContainer/content/defectTypes/defectTypes.scss
@@ -94,14 +94,15 @@ $DEFECT_NAME_PADDING: 16px;
 }
 
 .group-create {
+  @include fill-svg($COLOR--e-300);
   position: relative;
   display: inline-block;
   width: 16px;
   height: 16px;
   cursor: pointer;
 
   &.disabled {
-    opacity: 0.3;
+    opacity: 0.4;
     cursor: initial;
   }
 

diff --git a/...nside/projectSettingsPageContainer/content/elements/ruleList/ruleItem/plain/ruleItem.scss b/...nside/projectSettingsPageContainer/content/elements/ruleList/ruleItem/plain/ruleItem.scss
@@ -94,6 +94,7 @@
 }
 
 .icon {
+  @include fill-svg($COLOR--e-300);
   display: inline-flex;
   width: 16px;
   height: 16px;