|
|
| (43 intermediate revisions by the same user not shown) |
| Line 3: |
Line 3: |
| font-size: 4em; | | font-size: 4em; |
| } | | } |
| .lore-spotlight-widget { | | .emoji-trigger-wrap { margin-bottom: .5rem; } |
| background: #001933;
| | #emoji-trigger { margin-right: .5rem; } |
| border: 1px solid #FF6300;
| | /* --- VoteNY: render as 👍1 --- */ |
| padding: 0.75em;
| | .vote-box { |
| margin: 1em 0;
| | background-color: transparent; /* remove green box */ |
| font-style: italic;
| | height: auto; |
| border-radius: 4px;
| | width: auto; |
| }
| | padding: 0; |
| .mw-datatable th {
| | display: inline-block !important; |
| background-color: var(--color-accent-navy);
| | align-items: center; |
| }
| |
| /* Let user tool links wrap instead of forcing one line */
| |
| .mw-usertoollinks { | |
| white-space: normal !important; /* undo the nowrap */ | |
| overflow-wrap: anywhere; /* modern browsers */ | |
| word-break: break-word; /* fallback */ | |
| 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 */
| | #PollVotes.vote-number { |
| .continuum-body table { | | color: inherit; /* stop forcing white */ |
| width: 100%; | | display: inline-block !important; |
| max-width: 100%; | | background-color: transparent; |
| table-layout: fixed; /* enables wrapping based on cell width */ | | font-size: var(--font-size-medium) !important; |
| border-collapse: collapse; | | font-weight: 600; |
| box-sizing: border-box; | |
| } | | } |
| | | .vote-box::before { |
| /* 3) Cells: allow wrapping of long stuff */
| | content: "👍"; |
| .continuum-body table th, | | display: inline-block; |
| .continuum-body table td {
| | font-size: var(--font-size-medium) !important; |
| min-width: 0; /* crucial with table-layout:fixed */ | | line-height: 1; |
| 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 */
| | #PollVotes.vote-number::before { |
| .continuum-body table a, | | content: none !important; |
| .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 */ | | /* Hide the Vote/unvote link (we’ll keep it functional via JS) */ |
| .continuum-body table img { | | #Answer.vote-action { |
| max-width: 100%;
| | display: none; |
| 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; }
| |
