mediawiki-extensions-Visual.../modules/ve-mw/preinit/styles/ve.init.mw.DesktopArticleTarget.init-vector-2022.less
Ed Sanders cefa56ecb9 Use fixed font size for UI componenets in Vector 22
Use rem's to set the font size of the toolbar and local/global
overlays, as the font size is now variable in that skin.

Bug: T373875
Change-Id: Ib2511debd01dbc0cf03ff6d92cd9bfe71078c387
2024-09-05 11:21:08 +01:00

47 lines
1.2 KiB
Plaintext

/*!
* VisualEditor MediaWiki DesktopArticleTarget Vector (2022) skin init styles.
*
* @copyright See AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-init-mw-desktopArticleTarget-toolbar,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder,
.ve-ui-overlay-local,
.ve-ui-overlay-global {
font-size: 0.875rem;
}
// 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.
.ve-ui-mwSaveDialog-preview {
.mw-body {
/* stylelint-disable-next-line selector-class-pattern */
.firstHeading {
grid-area: titlebar;
}
.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;
}