Fix Search

Author: FredyRivera-dev

css/search.css

@@ -5,15 +5,16 @@
     position: fixed;
     top: 0;
     left: 0;
+    right: 0;
+    bottom: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7);
     backdrop-filter: blur(5px);
-    z-index: 1000;
+    z-index: 9999;
     display: flex;
     justify-content: center;
-    align-items: flex-start;
-    padding-top: 5rem;
+    align-items: center;
 }
 
 .search-modal-content {
@@ -26,6 +27,8 @@
     max-height: 80vh;
     display: flex;
     flex-direction: column;
+    margin: 0 auto; /* Ensure horizontal centering */
+    position: relative; /* Ensure stacking context */
 }
 
 /* Search header */

index.html

@@ -6,6 +6,7 @@
     <title>AtlasServer - Documentation</title>
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/search.css">
+    <link rel="icon" href="/static/svg/atlas.svg" />
     <!-- Library for converting Markdown to HTML -->
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <!-- Optional: for code highlighting -->

js/search.js

@@ -84,7 +84,7 @@ function setupEventListeners() {
 // Load and index all documentation content
 function loadAllDocuments() {
   // List of all documentation files
-  const docFiles = ['index', 'installation', 'api', 'frameworks', 'troubleshooting', 'advanced', 'contributing'];
+  const docFiles = ['index', 'installation', 'api', 'frameworks'];
 
   // Load each document and add to search index
   docFiles.forEach(filename => {
@@ -132,6 +132,14 @@ function openSearch() {
   searchModal.style.display = 'block';
   searchInput.focus();
   document.body.style.overflow = 'hidden'; // Prevent scrolling
+  
+  // Force repaint to ensure modal is centered
+  setTimeout(() => {
+    searchModal.style.opacity = '0.99';
+    setTimeout(() => {
+      searchModal.style.opacity = '1';
+    }, 10);
+  }, 10);
 }
 
 // Close search modal