MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 // Discord link
 $(document).ready(function() {
-     var discordLink = $('<div id="discord-link-below-logo"><a href="https://discord.com/invite/gscripts"><img src="https://wiki.gscripts.co/images/thumb/d/dd/Discord.png/100px-Discord.png" srcset="https://wiki.gscripts.co/images/thumb/d/dd/Discord.png/150px-Discord.png 1.5x, https://wiki.gscripts.co/images/thumb/d/dd/Discord.png/200px-Discord.png 2x" alt="Discord" width="100" height="100"></a></div>');
+     var discordElement = $(`
-     $('.vector-header-start').append(discordLink);
+        <div class="g-discord citizen-header__item citizen-dropdown">
+            <details id="g-discord-details" class="citizen-dropdown-details">
+                <summary class="citizen-dropdown-summary" title="Discord Link" aria-details="citizen-search__card">
+                    <span class="citizen-ui-icon">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </span>
+                    <span>Discord Link</span>
+                </summary>
+                <div class="dropdown-content">
+                    <a href="https://discord.com/gscripts" target="_blank">
+                        <img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">
+                    </a>
+                </div>
+            </details>
+        </div>
+    `);
+     $(".citizen-header").prepend(discordElement);
 });