MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 139: / Line 139: @@
 /* Templates ItemFlexList and ItemLinkBox */
+/* Flex container for item tiles */
 .dxx-item-flexlist {
-     display: flex;
+     display: flex !important;   /* override any theme rules */
      flex-wrap: wrap;
-     gap: 10px 5px;
+     gap: 12px 16px;             /* vertical / horizontal spacing */
+    justify-content: flex-start;
      align-items: flex-start;
 }
+/* Each tile is a fixed-width flex item */
+.dxx-item-flexlist > .dxx-item-linkbox {
+    box-sizing: border-box;
+    flex: 0 0 140px;            /* don't grow; width ~140px */
+}
+/* Visual styling for the tile */
 .dxx-item-linkbox {
-    display: inline-block;
-    text-align: center;
      margin: 0;
      padding: 7px 5px;
-     width: 140px;
+     text-align: center;
-    min-height: 150px;
      background: #141414;
      border-radius: 7px;
@@ Line 158: / Line 164: @@
 }
+/* Make sure the image doesn’t act weird */
 .dxx-item-linkbox img {
      display: block;
      margin: 0 auto 4px;
-}
-.dxx-item-flexlist > p {
-    display: contents;
-    margin: 0;
 }