MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

252 bytes added , 22 January 2024

no edit summary

4,554

edits

@@ Line 1,009: / Line 1,009: @@
      border-right: 1px solid black;
 }
+/* Parent container styling */
 .filtered .filtered-filters {
-     border: none;
+     display: grid; /* Switch to grid layout */
+    grid-template-columns: repeat(4, 1fr); /* Create four columns */
+    gap: 10px; /* Space between grid items */
      margin-top: -8%;
-    flex-wrap: nowrap; /* This prevents the items from wrapping onto multiple lines */
-    justify-content: end;
-    align-items: left; /* This aligns the child elements vertically in the center */
      width: calc(40% - 2px);
      box-sizing: border-box;
@@ Line 1,022: / Line 1,023: @@
      letter-spacing: 0.4px;
      float: right;
-     display: none!important;
+     display: none !important;
 }
@@ Line 1,061: / Line 1,062: @@
      margin-left: 0;
      padding-left: 0;
+}
+/* Media query for smaller screens */
+@media (max-width: 600px) {
+    .filtered .filtered-filters {
+        grid-template-columns: repeat(2, 1fr); /* Adjust to two columns on smaller screens */
+        width: 100%; /* Adjust width as needed */
+        float: none;
+    }
 }