mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.DesktopArticleTarget-apex.css
Bartosz Dziewoński 9c2c4b82c7 Make .ve-init-mw-target-surface styles not apply to nested non-target surfaces
The class .ve-init-mw-target-surface is used on the same element
as .ve-ui-surface. This element contains surface overlays
.ve-ui-overlay, which can contain other .ve-ui-surface elements
(inside inspectors), which would then erroneously have the target
surface styles applied.

Bug: T284312
Change-Id: I8d20a830dc48f6a098b0f9e9a7c7c1656de0fe56
2021-06-04 20:48:18 +00:00

42 lines
910 B
CSS

/*!
* VisualEditor MediaWiki Initialization DesktopArticleTarget Apex skin styles.
*
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.skin-apex .ve-ui-surface {
margin-top: 0.8em;
}
.ve-ui-overlay-global {
/* Match skin's font-size */
font-size: 0.8em;
}
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface > .ve-ui-surface-placeholder > * {
/* Fix margin overlap */
margin-top: 0;
}
.ve-init-mw-desktopArticleTarget-toolbar {
/* 3*(16/12.8) */
margin: -0.75em -3.75em 1em -3.75em;
position: relative;
}
@media screen and ( max-width: 700px ) {
/* 1.5*(16/12.8) */
.ve-init-mw-desktopArticleTarget-toolbar {
margin: -0.75em -1.875em 1em -1.875em;
}
}
.ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-bar {
line-height: 1.5em;
}
.oo-ui-menuSelectWidget-item:hover {
background-color: #d5eaed;
}