Fix width of add tag form

sienori · Sep 24, 2018 · 90db09c · 90db09c
1 parent 0500961
commit 90db09c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/popup/styles/InputForm.scss b/src/popup/styles/InputForm.scss
@@ -12,6 +12,7 @@ $transition: 150ms ease;
     font-size: inherit;
     width: 100%;
     max-width: inherit;
+    min-width: 10px;
     height: calc(100% - 4px);
     border: var(--button) solid 1px;
     border-radius: 2px 0px 0px 2px;

diff --git a/src/popup/styles/TagsContainer.scss b/src/popup/styles/TagsContainer.scss
@@ -108,11 +108,11 @@
     }
 
     &.isOpen {
+      width: 100%;
       .addTagInput {
-        max-width: 100%;
+        width: 100%;
         visibility: visible;
-        opacity: 1;
-        transition: max-width visibility, opacity 0ms;
+        margin-right: 1px;
       }
       .showInputButton svg {
         transform: rotate(45deg);
@@ -121,11 +121,8 @@
     }
     &.isClose {
       .addTagInput .inputForm {
-        max-width: 0px;
         padding: 0px;
         visibility: hidden;
-        opacity: 0;
-        transition: max-width visibility, opacity 0ms;
       }
       .showInputButton svg {
         transition: transform 50ms;