feat(options): update options svg styles

exadel-inc · Mar 4, 2022 · e4686ba · e4686ba
1 parent 8b805af
commit e4686ba
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 13 deletions.
diff --git a/src/plugins/options/option/option.less b/src/plugins/options/option/option.less
@@ -1,14 +1,42 @@
 uip-option {
     display: block;
-    cursor: pointer;
-    width: 1.5rem;
-    height: 1.5rem;
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center;
     margin: 0 0.5rem;
+    color: #5F5F5F;
+    cursor: pointer;
+    fill-opacity: 0.25;
+
+    &[attribute="settings-collapsed"],
+    &[attribute="editor-collapsed"],
+    &[attribute="rtl-direction"] {
+        stroke-width: 0.1;
+
+        &[active] {
+            stroke-width: 0.7;
+            fill-opacity: 1;
+        }   
+    }
+
+    &[attribute="dark-theme"] {
+        svg {
+            stroke: none;
+        }
+
+        &[active] {
+            color: @light-text;
+        }
+    }
 
     esl-image {
+        display: block;
+        height: 100%;
+        width: 100%;
         pointer-events: none;
+
+        svg {
+            width: 100%;
+            vertical-align: middle;
+            fill: currentColor;
+            stroke: currentColor;
+        }
     }
 }
diff --git a/src/plugins/options/option/theme.less b/src/plugins/options/option/theme.less
@@ -42,6 +42,14 @@
           }
         }
       }
+
+      .uip-option {
+        &[attribute="settings-collapsed"],
+        &[attribute="editor-collapsed"],
+        &[attribute="rtl-direction"] {
+          color: @light-text;
+        }
+      }
     }
   }
 }
diff --git a/static/icons/editor.svg b/static/icons/editor.svg
diff --git a/static/icons/moon.svg b/static/icons/moon.svg
diff --git a/static/icons/rtl.svg b/static/icons/rtl.svg
diff --git a/static/icons/settings.svg b/static/icons/settings.svg
diff --git a/static/icons/sun.svg b/static/icons/sun.svg