minor improvements to the horizontal tags hidden transtion

yairEO · Jul 30, 2022 · e6139c9 · e6139c9
1 parent 02902be
commit e6139c9
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -482,6 +482,7 @@ <h3>CSS</h3>
 <style contenteditable>
 .tags-look .tagify__dropdown__item{
   display: inline-block;
+  vertical-align: middle;
   border-radius: 3px;
   padding: .3em .5em;
   border: 1px solid #CCC;
@@ -500,6 +501,16 @@ <h3>CSS</h3>
   background: lightyellow;
   border-color: gold;
 }
+
+.tags-look .tagify__dropdown__item--hidden {
+    max-width: 0;
+    max-height: initial;
+    padding: .3em 0;
+    margin: .2em 0;
+    white-space: nowrap;
+    text-indent: -20px;
+    border: 0;
+}
 </style>
                     </details>
                 </aside>
@@ -2468,7 +2479,7 @@ <h3>JAVASCRIPT</h3>
 
         knobs.settings.live = true
 
-        setTimeout(knobs.toggle.bind(knobs), 2000)
+        setTimeout(knobs.toggle.bind(knobs, false), 2000)
      })()
     </script>
     </body>