MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

167 bytes added , 18 January 2024

no edit summary

4,554

edits

@@ Line 780: / Line 780: @@
 /* Styling for Community */
 #community-list {
-     display: grid;
+     -moz-column-count: 5;
-     grid-template-columns: repeat(5, 1fr); /* Creates 5 columns with equal width */
+     -webkit-column-count: 5;
-     grid-gap: 10px; /* Sets the gap between grid items */
+    column-count: 5;
+     -moz-column-gap: 10px;
+    -webkit-column-gap: 10px;
+    column-gap: 10px;
      position: absolute;
      top: 538px;
-    margin: 0 auto;
+     width: 100%; /* Adjust the width as necessary */
-     width: 100%; /* Adjust this width as necessary */
 }
@@ Line 794: / Line 796: @@
      letter-spacing: 0.4px;
      cursor: pointer;
+    display: inline-block;
+    width: 100%; /* Cards will take full width of the column */
+    box-sizing: border-box;
      padding: 5px 7px 2px 7px;
+    margin-bottom: 10px; /* Space between cards */
      border-top: 1px solid black;
      border-bottom: 1px solid black;
-     box-sizing: border-box;
+     break-inside: avoid-column; /* Prevents cards from being split across columns */
 }
-/* Optionally, if you want to remove the top border from all cards except the ones in the first row */
+/* Removes top border from all cards except the first in each column */
-#community-list .community-card:nth-child(-n+5) {
+#community-list .community-card:first-of-type {
      border-top: none;
 }