Jump to content

MediaWiki:Mobile.css

From The Commentary Community Wiki
Revision as of 23:34, 8 March 2026 by M0x0n (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the mobile site */

/* Force better word breaking on long strings without breaking normal text */
body,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th {
    overflow-wrap: break-word;      /* modern standard */
    word-wrap: break-word;          /* legacy */
    -webkit-hyphens: auto;          /* iOS/Safari */
    -ms-hyphens: auto;              /* Edge/IE */
    hyphens: auto;                  /* others */
}

/* If you want to allow hyphenation only on very long words */
.mw-parser-output {
    hyphens: auto;
}

/* For tables that overflow horizontally */
.mw-parser-output table {
    width: 100% !important;
    table-layout: fixed;
}