[webUI] Fixed wonky offset of searchbar

also moved searchbar stuff to seperate directory
BEComTweaks · Dec 2, 2024 · 8f0fe65 · 8f0fe65
1 parent 1a0d887
commit 8f0fe65
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/webUI/index.html b/webUI/index.html
@@ -14,7 +14,7 @@
   <div id="background-container">
   </div>
   <link href="../oreui-html/src/oreui.css" rel="stylesheet"/>
-  <link href="style.css" rel="stylesheet">
+  <link href="searchbar/theme.css" rel="stylesheet">
    <link href="theme.css" rel="stylesheet"/>
    <script src="bg.js">
    </script>
@@ -7715,7 +7715,7 @@
       </div>
      </div>
     </div>
-    <script src="searchbar.js">
+    <script src="searchbar/app.js">
     </script>
     <script src="app.js">
     </script>

diff --git a/webUI/index.html.template b/webUI/index.html.template
@@ -14,7 +14,7 @@
   <div id="background-container">
   </div>
   <link href="../oreui-html/src/oreui.css" rel="stylesheet">
-  <link href="style.css" rel="stylesheet"/>
+  <link href="searchbar/theme.css" rel="stylesheet"/>
   <link href="theme.css" rel="stylesheet"/>
   <script src="bg.js"></script>
   <script src="../oreui-html/src/oreui.js"></script>
@@ -124,7 +124,7 @@
      </div>
     </div>
    </div>
-   <script src="searchbar.js"></script>
+   <script src="searchbar/app.js"></script>
    <script src="app.js">
    </script>
   </div>

diff --git a/webUI/searchbar.js → webUI/searchbar/app.js b/webUI/searchbar.js → webUI/searchbar/app.js
diff --git a/webUI/style.css → webUI/searchbar/theme.css b/webUI/style.css → webUI/searchbar/theme.css
@@ -1,16 +1,18 @@
 .search-container {
   margin: 0;
   text-align: center;
+  position: relative;
+  height: 37.5px;
 }
 
 .search-results {
   margin: 5px auto;
-  max-width: 80%;
-  padding: 10px 10px 0 10px;
+  padding: 13.75px 10px 0 10px;
   border-radius: 5px;
   position: absolute;
   left: 0;
   right: 0;
+  top: 42.5px;
   z-index: 100;
   &[hasmatches="true"] {
     display: block;
@@ -21,7 +23,9 @@
 }
 
 #searchBar {
-  width: 95%;
+  position: absolute;
+  left: 0;
+  right: 0;
   padding: 10px;
   font-size: 16px;
   &:focus + div[hasmatches="true"] {
@@ -41,4 +45,4 @@
     margin: 0;
     font-size: 14px;
   }
-}
+}