4,431
edits
MediaWiki:Print.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 333: | Line 333: | ||
page-break-inside: avoid; | page-break-inside: avoid; | ||
break-inside: avoid; | break-inside: avoid; | ||
} | |||
} | |||
/* === FORCE narrow column on print (robust) === */ | |||
@media print { | |||
/* 1) Make sure the column itself is 93mm and centered */ | |||
.entry-wrapper.print-a4-narrow, | |||
.print-only.entry-wrapper, | |||
.print-only .entry-wrapper { | |||
width: 93mm !important; | |||
max-width: 93mm !important; | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
box-sizing: border-box !important; | |||
} | |||
/* 2) If the wrapper class isn't present, fall back to constraining .print-only itself */ | |||
.print-only { | |||
width: 93mm !important; | |||
max-width: 93mm !important; | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
box-sizing: border-box !important; | |||
} | |||
/* 3) Prevent descendants from stretching the width */ | |||
.print-only *, | |||
.entry-wrapper.print-a4-narrow * { | |||
max-width: 100% !important; | |||
} | |||
/* Common stretchers — make them auto width within the column */ | |||
.print-only .mw-body, | |||
.print-only .vector-body, | |||
.print-only .content, | |||
.print-only .list-container, | |||
.print-only table { | |||
width: auto !important; | |||
max-width: 100% !important; | |||
} | |||
/* Images never force the layout wider */ | |||
.print-only img { | |||
width: auto !important; | |||
max-width: 100% !important; | |||
height: auto !important; | |||
} | } | ||
} | } | ||