MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 7: / Line 7: @@
      // Dropdown HTML
      var dropdown = $(`
-         <div id="languageDropdown" style="display:inline-block;">
+         <div id="languageDropdown" style="
-             <button>🌐 Language ▾</button>
+            display:inline-block;
-             <div id="languageDropdownContent" style="display:none;"></div>
+            position:relative;
+        ">
+             <button type="button" style="
+                cursor:pointer;
+                padding:6px 10px;
+            ">🌐 Language ▾</button>
+             <div id="languageDropdownContent" style="
+                display:none;
+                position:absolute;
+                top:100%;
+                left:0;
+                background:#fff;
+                border:1px solid #ccc;
+                min-width:160px;
+                z-index:9999;
+                box-shadow:0 2px 6px rgba(0,0,0,0.2);
+            "></div>
          </div>
      `);
@@ Line 25: / Line 42: @@
      }
-     // Anasayfanın altına ekle
+     // Link stilleri (olmazsa üst üste yapışırlar)
+    content.find("a").css({
+        display: "block",
+        padding: "8px 12px",
+        textDecoration: "none",
+        color: "#000",
+        whiteSpace: "nowrap"
+    });
+    // Hover efekti, çünkü insanız
+    content.find("a").hover(
+        function() { $(this).css("background", "#f0f0f0"); },
+        function() { $(this).css("background", "#fff"); }
+    );
+    // Sayfaya ekle
      $("#content").append(dropdown);
@@ Line 34: / Line 66: @@
      });
-     // Dropdown dışına tıklayınca kapatma
+     // Dışarı tıklayınca kapat
-     $(document).on("click", function(event) {
+     $(document).on("click", function() {
-         if (!$(event.target).closest('#languageDropdown').length) {
+         $("#languageDropdownContent").hide();
-            $("#languageDropdownContent").hide();
-        }
      });
 });