MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 139: / Line 139: @@
 /* Templates ItemFlexList and ItemLinkBox */
+/* Flex container */
 .dxx-item-flexlist {
-     display: flex;
+     display: flex !important;
      flex-wrap: wrap;
-     gap: 10px 5px;
+     justify-content: space-around;  /* spread items across each row */
-     align-items: flex-start;
+     row-gap: 12px;                   /* vertical gap between rows */
 }
+/* Each tile */
+.dxx-item-flexlist > .dxx-item-linkbox {
+    box-sizing: border-box;
+    flex: 1 0 140px;     /* base 140px, can grow to share extra space */
+    max-width: 180px;    /* don't let tiles get ridiculously wide */
+}
+/* Visual styling (as you already had) */
 .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 161: / Line 167: @@
      display: block;
      margin: 0 auto 4px;
+}
+.dxx-item-linkbox-name {
+    display: block;
+    margin-top: 4px;
+    white-space: nowrap;        /* no wrapping */
+    overflow: hidden;           /* clip if too long */
+    text-overflow: ellipsis;    /* optional: "…" on overflow */
 }