MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 88: / Line 88: @@
    display: inline-block;           /* makes wrapping cleaner inside cells */
 }
+/* 1) Let the content column actually shrink (flexbox gotcha) */
+.continuum-body { min-width: 0; }
+/* 2) Any table in the content should respect the container */
+.continuum-body table {
+  width: 100%;
+  max-width: 100%;
+  table-layout: fixed;     /* enables wrapping based on cell width */
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+/* 3) Cells: allow wrapping of long stuff */
+.continuum-body table th,
+.continuum-body table td {
+  min-width: 0;            /* crucial with table-layout:fixed */
+  white-space: normal;     /* kill any stray nowraps */
+  overflow-wrap: anywhere; /* modern break for long tokens */
+  word-break: break-word;  /* fallback */
+}
+/* 4) Common offenders inside cells */
+.continuum-body table a,
+.continuum-body table code,
+.continuum-body table .nowrap,
+.continuum-body table .mw-usertoollinks,
+.continuum-body table .mw-parser-output .nowrap {
+  white-space: normal !important;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+/* 5) Images/thumbs shrink with the cell */
+.continuum-body table img {
+  max-width: 100%;
+  height: auto;
+  object-fit: contain;
+  display: block;
+}
+/* 6) Safety: horizontally scroll if something truly can’t shrink (e.g., embedded iframes) */
+.continuum-body { overflow-x: auto; }
+/* 7) Special:ListFiles specifics you already touched, but keep them here for consistency */
+body.page-Special_ListFiles .mw-datatable.listfiles { table-layout: fixed; }
+body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img { max-width: 100%; height: auto; }
+body.page-Special_ListFiles .mw-usertoollinks { white-space: normal !important; overflow-wrap: anywhere; }