MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+// Knowledge Areas grid layout fixer
+(function() {
+  function fixKnowledgeGrid() {
+    // Find all divs containing ax-card children with hero divs
+    // The grid container is the parent of the first ax-card that has a hero image div
+    var heroDiv = document.getElementById('ax-sexual-health-hero');
+    if (!heroDiv) return;
+    var firstCard = heroDiv.closest('.ax-card');
+    if (!firstCard) return;
+    var gridContainer = firstCard.parentElement;
+    if (!gridContainer) return;
+    // Apply 2-column grid layout
+    gridContainer.style.display = 'grid';
+    gridContainer.style.gridTemplateColumns = 'repeat(2, 1fr)';
+    gridContainer.style.gap = '14px';
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', fixKnowledgeGrid);
+  } else {
+    fixKnowledgeGrid();
+  }
+})();
 // Sexual Health hero image
 (function() {