mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-14 07:21:36 +00:00
4332698408
Change-Id: Ic2aca1e005c5d5f89a97372de40bd8aa6f4b2aa0
65 lines
2 KiB
Plaintext
65 lines
2 KiB
Plaintext
/*!
|
|
* VisualEditor MediaWiki DesktopArticleTarget Vector (2022) skin init styles.
|
|
*
|
|
* @copyright See AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
// Temporarily disable TOC in edit mode until TOC
|
|
// works with both visual and source editors (T294950)
|
|
/* stylelint-disable-next-line selector-class-pattern */
|
|
.ve-activated .vector-toc {
|
|
display: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
// Vector 2022 has no side borders, so there's no need for side padding in toolbar dialogs
|
|
.ve-init-mw-desktopArticleTarget-toolbar .ve-ui-toolbarDialog-position-above.ve-ui-toolbarDialog-padded .oo-ui-window-body,
|
|
.ve-init-mw-desktopArticleTarget-toolbar .ve-ui-toolbarDialog-position-below.ve-ui-toolbarDialog-padded .oo-ui-window-body {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.ve-init-mw-desktopArticleTarget-toolbar .ve-ui-toolbarDialog-position-side.ve-ui-toolbarDialog-padded .oo-ui-window-body {
|
|
padding-right: 0;
|
|
}
|