diff --git a/src/popup/styles/InputForm.scss b/src/popup/styles/InputForm.scss index b2b947f1a..07607c7ff 100644 --- 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 index f56b12de9..78087d306 100644 --- 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;