MWSaveDialog: Center preview in Vector 2022

Bug: T328783
Change-Id: I2e18967bb41573789cc3a8554038b8ac7876d356
This commit is contained in:
Ed Sanders 2023-02-03 17:18:08 +00:00 committed by Esanders
parent a205fab646
commit 9d09979e9e

View file

@ -15,14 +15,24 @@
// Account for the use of CSS Grid in Vector 2022
// for the 2017 Wikitext editor preview.
// The grid is defined with named grid areas on .mw-body.
.ve-ui-mwSaveDialog-preview {
.mw-body {
/* stylelint-disable-next-line selector-class-pattern */
.ve-ui-mwSaveDialog-preview .mw-body .firstHeading {
.firstHeading {
grid-area: titlebar;
}
.ve-ui-mwSaveDialog-preview .mw-body .mw-body-content {
.mw-body-content {
grid-area: content;
}
}
.mw-content-container {
// Content container has a max-width of 60em * 16px = 960px
max-width: 960px;
margin: 0 auto;
}
}
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface > .ve-ce-surface .ve-ce-attachedRootNode {
min-height: 15em;