mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.DesktopArticleTarget.css
Ed Sanders 3c0ddc9c69 Cleanup DesktopTarget styles
* Ensure DAT styles are fully scoped to DAT instances
* Ensure that generic desktop target rules are in the correct file
* Remove old unused rules

Change-Id: I466a0547ff9a0fa1102aac0b1e501a6ba6863ca3
2017-03-01 12:38:51 +00:00

75 lines
1.8 KiB
CSS

/*!
* VisualEditor MediaWiki Initialization DesktopArticleTarget styles.
*
* @copyright 2011-2017 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/* Toolbar */
.ve-init-mw-desktopArticleTarget-toolbar {
overflow: hidden;
transition: height 0.4s ease; /* stylelint-disable-line no-unsupported-browser-features */
}
.ve-init-mw-desktopArticleTarget-toolbar > .oo-ui-toolbar-bar {
transform: translateY( -100% );
transition: transform 0.4s ease; /* stylelint-disable-line no-unsupported-browser-features */
}
.ve-init-mw-desktopArticleTarget-toolbar-opened {
overflow: visible;
}
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
transform: translateY( 0 );
}
.ve-init-mw-desktopArticleTarget-toolbar-opened > .oo-ui-toolbar-bar {
/* Reset trasnform once open to avoid breaking z-index */
transform: none;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
z-index: 4;
}
/*!
* ve-redirect-header is added just outside of the surface, which has its own
* hiding style during activation.
*/
.ve-activating .ve-redirect-header {
height: 0;
overflow: hidden;
}
.ve-init-mw-desktopArticleTarget .ve-redirect-header {
cursor: pointer;
}
.ve-init-mw-desktopArticleTarget .redirectMsg a:hover {
text-decoration: none;
}
/*!
* Increase z-index of surface container so it appears above the debug bar
*/
.ve-init-mw-desktopArticleTarget #bodyContent { /* stylelint-disable-line selector-no-id */
z-index: 1;
}
.ve-ui-init-desktopArticleTarget-sectionTitle {
max-width: none;
margin: 1em 0 0.5em 0;
}
/* stylelint-disable declaration-no-important */
.ve-ui-init-desktopArticleTarget-sectionTitle .oo-ui-inputWidget-input {
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
line-height: inherit;
}
/* stylelint-enable declaration-no-important */