MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 136: / Line 136: @@
      padding: 6px 0;
      background: #1b1b1b;
+}
+/* Templates ItemFlexList and ItemLinkBox */
+/* Flex container */
+.dxx-item-flexlist {
+    display: flex !important;
+    flex-wrap: wrap;
+    justify-content: space-around;  /* spread items across each row */
+    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 {
+    margin: 0;
+    padding: 7px 5px;
+    text-align: center;
+    background: #141414;
+    border-radius: 7px;
+    border: 1px solid #444;
+}
+.dxx-item-linkbox img {
+    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 */
 }