word/edit: custom crop interface superior to croppie

[sheet.git] / word / editor.css

diff --git a/word/editor.css b/word/editor.css
index 1e0dc5b80a085b1347370f01b6ae2ad7dd527e6b..c3717d531327fbb8aaf4ff33bd750336be8a418f 100644 (file)
--- a/word/editor.css
+++ b/word/editor.css
@@ -40,8 +40,11 @@ select {
 }
 #convertpreview {
        width: 300px;
+       height: 200px;
        align-self: start;
        flex-shrink: 0;
+       position: relative;
+       overflow: hidden;
 }
 
 .popup {
@@ -96,3 +99,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;
+}