extensions/VisualEditor/modules/ve-mw/preinit/styles/ve.init.mw.DesktopArticleTarget.init-vector-2022.less
/*!
 * 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;
}
