Template:MainHeader: Difference between revisions

Revision as of 12:53, 15 June 2025

     Slay the Spire 2 Wiki

     Your deck. Your fate. All the secrets in one place.

Search

 const trigger = document.getElementById("tg-mainpage-search-trigger");
 if (trigger) {
   trigger.addEventListener("click", function () {
     const menuButton = document.querySelector(".mw-ui-icon-element.mw-ui-icon-search");
     if (menuButton) {
       menuButton.click(); // Temanın kendi açılır arama çubuğunu tetikler
     }
   });
 }

}); </script>

@@ Line 1: / Line 1: @@
 <div class="tg-mainpage-header">
    <div class="tg-mainpage-content">
-     <!-- Logo metni -->
+     <!-- Başlık -->
      <div class="tg-mainpage-header-wordmark">
-       <span style="font-size: 2.5rem; font-weight: 800; color: var(--text-color, #222);">
+       <span style="font-size: 2.5rem; font-weight: 800;">Slay the Spire 2 Wiki</span>
-        Slay the Spire 2 Wiki
-      </span>
      </div>
@@ Line 14: / Line 12: @@
      </div>
-     <!-- Arama kutusu -->
+     <!-- Arama tetikleyici buton -->
-     <form action="/index.php" role="search" class="tg-mainpage-header-search-form">
+     <div class="tg-mainpage-header-search" id="tg-mainpage-search-trigger">Search</div>
-      <input type="hidden" name="title" value="Special:Search" />
-      <input
-        name="search"
-        type="search"
-        class="tg-mainpage-header-search-input"
-        placeholder="Search the wiki..."
-        title="Search Slay the Spire 2 Wiki"
-      />
-      <button type="submit" class="tg-mainpage-header-search-button">Search</button>
-    </form>
    </div>
@@ Line 31: / Line 19: @@
 <templatestyles src="Template:MainHeader/styles.css"/>
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+  const trigger = document.getElementById("tg-mainpage-search-trigger");
+  if (trigger) {
+    trigger.addEventListener("click", function () {
+      const menuButton = document.querySelector(".mw-ui-icon-element.mw-ui-icon-search");
+      if (menuButton) {
+        menuButton.click(); // Temanın kendi açılır arama çubuğunu tetikler
+      }
+    });
+  }
+});
+</script>