word/edit: search input form in hierarchy navigation

[sheet.git] / word / editor.css

diff --git a/word/editor.css b/word/editor.css
index 1e0dc5b80a085b1347370f01b6ae2ad7dd527e6b..2e89bb5a3651b1be98eff0495818d246d543e9d8 100644 (file)
--- a/word/editor.css
+++ b/word/editor.css
@@ -96,3 +96,34 @@ h1 {
        margin: 1ex 0;
        display: inline-block;
 }
+
+#nav {
+       position: relative;
+}
+form#search {
+       display: block;
+       position: absolute;
+       width: 100%;
+       text-align: right;
+       top: -7ex;
+}
+#search input {
+       width: 100%;
+       transition: all .5s ease-in;
+}
+#search:not(:focus-within) input {
+       width: 0;
+       padding-left: 0;
+       padding-right: 0;
+       visibility: hidden;
+}
+#search button {
+       position: absolute;
+       right: 0;
+       height: 100%; /* like input */
+       border: 0;
+       background: none;
+       color: inherit;
+       font: inherit;
+       cursor: pointer;
+}