startpage fixed misaligned input search field

Yimche · Dec 14, 2023 · 57718a3 · 57718a3
1 parent 16a53e2
commit 57718a3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/startpage.html b/startpage.html
@@ -11,7 +11,7 @@
         <div class="head">
           <div class="search-container">
             <span>> </span>
-            <input type="search" size="1" value="" oninput="this.style.width = (this.value.length) + 'ch';" onkeypress="handleKeyPress(event)" autofocus>
+            <input type="search" value=' ' oninput="this.style.width = (this.value.length) + 'ch';" onkeypress="handleKeyPress(event)" autofocus>
             <span class="blinking">_</span>
           </div>
           <div id="welcome"></div>

diff --git a/style.css b/style.css
@@ -78,6 +78,8 @@ body.startpage {
   outline: none;
   caret-color: transparent;
   box-sizing: unset;
+  padding-left: 1ch;
+  width: 0px;
 }
 
 ::placeholder {