mediawiki-skins-MinervaNeue/skinStyles/mobile.editor.ve/minerva.less

@import 'mediawiki.mixins.less';
@import '../../minerva.less/minerva.variables';

.editor-overlay-ve {
	.content {
		// We don't need display:table as there are no edit/collapse buttons
		// Also display:table causes CE issues in Mobile Safari (T202991)
		h1, h2, h3, h4, h5 {
			display: block;
		}

		// Styling for images (as output by Parsiod)
		// These styles are mostly derived from content.parsoid.less, which the Minerva skin
		// opts out of (since the styles are largely Vectorish).
		// FIXME: Once Parser and Parsoid output are synchronized, we'll want to move these
		// from here into the regular Minerva content styles.
		figure[typeof*='mw:Image'],
		figure[typeof*='mw:Video'],
		figure[typeof*='mw:Audio'] {
			max-width: 100%;
			// Defaults to right alignment when not explicitly set. Should be flippable.
			margin: 0.6em 0 0.6em 1.4em;

			&.mw-halign-left {
				/* @noflip */
				margin: 0.6em 1.4em 0.6em 0;
				/* @noflip */
				clear: left;
				/* @noflip */
				float: left;
			}

			&.mw-halign-right {
				/* @noflip */
				margin: 0.6em 0 0.6em 1.4em;
				/* @noflip */
				clear: right;
				/* @noflip */
				float: right;
			}

			&.mw-halign-center {
				margin: 0.6em auto 0.6em auto;
				clear: none;
				float: none;
			}
		}
	}

	.overlay-content {
		.surface {
			overflow: hidden;
		}

		.ve-init-mw-target-surface > .ve-ui-debugBar {
			margin: 0 -@contentMargin;
		}
	}

	// Toolbar
	@targetIconSize: 20px;
	.overlay-header-container {
		box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 );

		.ve-init-mw-mobileArticleTarget-toolbar {
			@media all and ( min-width: @wgMFDeviceWidthDesktop ) {
				border-color: @colorGray12;
				border-style: solid;
				border-width: 0 1px;
			}

			.oo-ui-iconElement-icon {
				/* Overwrite `contain` value here, as we're 16px base sized */
				.background-size( @targetIconSize, @targetIconSize );
			}

			.oo-ui-toolbar-bar {
				border: 0;
				box-shadow: none;
			}
		}
	}

	.overlay-header {
		/* Reset unwanted header styles */
		border-collapse: separate;
		border: 0;
		height: 3em;
	}
}