mediawiki-extensions-Visual.../modules/ve-mw/preinit/styles/ve.init.mw.DesktopArticleTarget.init-vector-2022.less
Jan Drewniak d98e9e83e1 Fix Wikitext editor preview layout in Vector 2022
Accounts for the use of CSS Grid in Vector 2022, in
the 2017 Wikitext editor preview, by placing the heading and
content in named grid areas (`titlebar` and `content`).

Bug: T327778
Change-Id: I66a30e282e808559b4f375f5924ae0d945c058a9
2023-01-24 10:39:40 -05:00

26 lines
896 B
Plaintext

/*!
* VisualEditor MediaWiki DesktopArticleTarget Vector (2022) skin init styles.
*
* @copyright 2011-2022 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
// Change the default shadow to not leak out from the sides
// (on other skins and in TargetWidgets there are borders that cover it)
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ve-init-mw-desktopArticleTarget-toolbar.ve-ui-toolbar > .oo-ui-toolbar-bar {
box-shadow: 0 2px 1px -1px rgba( 0, 0, 0, 0.1 );
}
// 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.
/* stylelint-disable-next-line selector-class-pattern */
.ve-ui-mwSaveDialog-preview .mw-body .firstHeading {
grid-area: titlebar;
}
.ve-ui-mwSaveDialog-preview .mw-body .mw-body-content {
grid-area: content;
}