Merge "In max-width mode, constrain the width of page previews"
This commit is contained in:
commit
a6f5acd9de
|
@ -175,5 +175,6 @@
|
||||||
// Layout
|
// Layout
|
||||||
//
|
//
|
||||||
@max-width-page-container: unit( 1514px / @font-size-browser, em ); // 99.75em @ 16
|
@max-width-page-container: unit( 1514px / @font-size-browser, em ); // 99.75em @ 16
|
||||||
|
@max-width-content-container: unit( 960px / @font-size-browser, em ); // 60em @ 16
|
||||||
@padding-horizontal-page-container: unit( 32px / @font-size-browser, em );
|
@padding-horizontal-page-container: unit( 32px / @font-size-browser, em );
|
||||||
@padding-horizontal-page-container-wide: unit( 40px / @font-size-browser, em );
|
@padding-horizontal-page-container-wide: unit( 40px / @font-size-browser, em );
|
||||||
|
|
|
@ -27,10 +27,9 @@
|
||||||
|
|
||||||
@min-width-page-container--padded: @max-width-page-container + ( 2 * @padding-horizontal-page-container ); // 106.875em
|
@min-width-page-container--padded: @max-width-page-container + ( 2 * @padding-horizontal-page-container ); // 106.875em
|
||||||
|
|
||||||
// Content containers
|
// Content container
|
||||||
|
|
||||||
@max-width-workspace-container: unit( 1514px / @font-size-browser, em ); // 99.75em @ 16
|
@max-width-workspace-container: unit( 1514px / @font-size-browser, em ); // 99.75em @ 16
|
||||||
@max-width-content-container: unit( 960px / @font-size-browser, em ); // 60em @ 16
|
|
||||||
|
|
||||||
// Note this uses variables defined in mediawiki.skin.variables so that VisualEditor can read them
|
// Note this uses variables defined in mediawiki.skin.variables so that VisualEditor can read them
|
||||||
// see T259331.
|
// see T259331.
|
||||||
|
|
|
@ -352,6 +352,7 @@
|
||||||
"ResourceModuleSkinStyles": {
|
"ResourceModuleSkinStyles": {
|
||||||
"vector-2022": {
|
"vector-2022": {
|
||||||
"+ext.echo.styles.alert": "skinStyles/ext.echo.styles.alert.less",
|
"+ext.echo.styles.alert": "skinStyles/ext.echo.styles.alert.less",
|
||||||
|
"+mediawiki.action.edit": "skinStyles/mediawiki.action.edit.less",
|
||||||
"+mediawiki.action.view.redirectPage": "skinStyles/mediawiki.action.view.redirectPage.less",
|
"+mediawiki.action.view.redirectPage": "skinStyles/mediawiki.action.view.redirectPage.less",
|
||||||
"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
|
"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
|
||||||
"+oojs-ui-core.styles": "skinStyles/ooui.less",
|
"+oojs-ui-core.styles": "skinStyles/ooui.less",
|
||||||
|
|
7
skinStyles/mediawiki.action.edit.less
Normal file
7
skinStyles/mediawiki.action.edit.less
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
@import '../resources/common/variables.less';
|
||||||
|
|
||||||
|
// Even if the editing form is max-width, the preview should be constrained.
|
||||||
|
.skin-vector-disable-max-width #wikiPreview {
|
||||||
|
max-width: @max-width-content-container;
|
||||||
|
margin: auto;
|
||||||
|
}
|
Loading…
Reference in a new issue