Jump to content

MediaWiki:Common.css: Difference between revisions

Line 61: Line 61:
body.page-Special_ListFiles .continuum-body table {
body.page-Special_ListFiles .continuum-body table {
   max-width: 100%;
   max-width: 100%;
}
/* Force thumbnails in ListFiles to scale down nicely */
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img {
  max-width: 100%;    /* don’t exceed the column */
  height: auto;        /* keep aspect ratio */
  display: block;      /* avoids inline whitespace issues */
  object-fit: contain; /* keeps whole image visible if column is small */
}
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb,
body.page-Special_ListFiles .mw-datatable.listfiles th.TablePager_col_thumb {
  width: 120px;  /* or whatever max width feels right */
}
@media (max-width: 600px) {
  body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img {
    max-width: 80px;
  }
}
}