Template:MainHeader: Difference between revisions

Revision as of 13:15, 15 June 2025

Slay the Spire 2 Wiki

     The definitive community-driven guide to relics, cards, and ascension strategies.

   <details id="citizen-search__card">
     <summary class="citizen-dropdown-summary" title="Toggle search [/]">
       
         
         
         
       
       Search
     </summary>
   </details>

Template:MainHeader/doc

@@ Line 1: / Line 1: @@
+<!--
+Template:MainHeader
+--------------------
+Header component of the main page
+-->
 <div class="tg-mainpage-header">
    <div class="tg-mainpage-content">
@@ Line 5: / Line 10: @@
        The definitive community-driven guide to relics, cards, and ascension strategies.
      </div>
-     <div class="tg-mainpage-header-search" id="tg-mainpage-search-trigger">Search</div>
+     <!-- Script'siz Citizen search toggle -->
+    <details id="citizen-search__card">
+      <summary class="citizen-dropdown-summary" title="Toggle search [/]">
+        <span class="citizen-ui-icon">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <span>Search</span>
+      </summary>
+    </details>
    </div>
 </div>
 <templatestyles src="Template:MainHeader/styles.css"/>
-<script>
-mw.loader.using(['mediawiki.util']).done(function() {
+<noinclude>
-  document.getElementById('tg-mainpage-search-trigger').addEventListener('click', function() {
+{{/doc}}
-    const details = document.querySelector('#citizen-search__card');
+</noinclude>
-    if (details) {
-      details.open = !details.open;
-    }
-  });
-});
-</script>