Improved ColorInput to showcase transparent color, improved global input styles

a bit
2020-01-02 23:48:52 +02:00 · 2020-01-02 23:48:52 +02:00 · a2f676d317
commit a2f676d317
parent c7e9f21da0
3 changed files with 48 additions and 35 deletions
--- a/src/components/style_switcher/style_switcher.scss
+++ b/src/components/style_switcher/style_switcher.scss
@ -23,20 +23,15 @@
      margin: .5em;
    }

+    .color-input {
+      flex: 0 0 0;
+    }
+
    input, select {
      min-width: 3em;
      margin: 0;
      flex: 0;

-      &[type=color] {
-        padding: 1px;
-        cursor: pointer;
-        height: 29px;
-        min-width: 2em;
-        border: none;
-        align-self: stretch;
-      }
-
      &[type=number] {
        min-width: 5em;
      }
@ -44,9 +39,6 @@
      &[type=range] {
        flex: 1;
        min-width: 3em;
-      }
-
-      &:not([type=number]):not([type=text]) {
        align-self: flex-start;
      }
    }