|
|
| Line 236: |
Line 236: |
| max-width: 100%; height: auto; object-fit: contain; display: block; | | max-width: 100%; height: auto; object-fit: contain; display: block; |
| } | | } |
| /* Let the RecentChanges list shrink and wrap inside your body */ | | /* Stop RecentChanges rows from hogging width */ |
| body.page-Special_RecentChanges .continuum-body {
| |
| min-width: 0;
| |
| max-width: 100%;
| |
| }
| |
| | |
| /* Each line wrapper should shrink, not overflow */
| |
| body.page-Special_RecentChanges .mw-changeslist-line-inner { | | body.page-Special_RecentChanges .mw-changeslist-line-inner { |
| min-width: 0; | | display: block; /* break out of the table-cell style */ |
| white-space: normal;
| | min-width: 0; /* let it shrink */ |
| overflow-wrap: anywhere; | | max-width: 100%; /* never wider than the container */ |
| word-break: break-word;
| | white-space: normal; /* undo nowrap */ |
| }
| | overflow-wrap: anywhere; /* modern wrapping */ |
| | | word-break: break-word; /* fallback for old browsers */ |
| /* Force user tool links to wrap */ | | box-sizing: border-box; /* widths behave predictably */ |
| body.page-Special_RecentChanges .mw-usertoollinks {
| |
| white-space: normal !important; | |
| overflow-wrap: anywhere;
| |
| word-break: break-word;
| |
| }
| |
| | |
| /* Diff links (cur, prev, hist) should wrap too */ | |
| body.page-Special_RecentChanges .mw-changeslist-links {
| |
| white-space: normal !important; | |
| overflow-wrap: anywhere;
| |
| }
| |
| | |
| /* Comments can be very long — allow them to wrap */ | |
| body.page-Special_RecentChanges .comment {
| |
| white-space: normal;
| |
| overflow-wrap: anywhere; | |
| word-break: break-word;
| |
| }
| |
| | |
| /* Tags (abuse filter, edit tags) can also pile up */ | |
| body.page-Special_RecentChanges .mw-tag-markers {
| |
| white-space: normal;
| |
| overflow-wrap: anywhere;
| |
| word-break: break-word; | |
| }
| |
| /* Scope to RecentChanges only */ | |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesListWrapper,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList .mw-changeslist,
| |
| body.page-Special_RecentChanges .mw-changeslist-line-inner,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-item,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesListItem {
| |
| min-width: 0; /* CRUCIAL for flex children */ | |
| max-width: 100%;
| |
| white-space: normal;
| |
| overflow-wrap: anywhere;
| |
| word-break: break-word;
| |
| }
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList .mw-usertoollinks,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList .mw-changeslist-links,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList .comment,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList .mw-tag-markers,
| |
| body.page-Special_RecentChanges .mw-rcfilters-ui-changesList .nowrap {
| |
| white-space: normal !important;
| |
| overflow-wrap: anywhere;
| |
| word-break: break-word;
| |
| } | | } |
| body.page-Special_RecentChanges .continuum-body { min-width: 0; }
| |
