mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
049a32c60a
Transform rules mess up the z-index context, so this puts the toolbar dropdowns back in front of the content. Change-Id: I7ba2cf295c83c55e5b1eead3a04760ea53390d37
64 lines
1.5 KiB
CSS
64 lines
1.5 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki Initialization DesktopArticleTarget styles.
|
|
*
|
|
* @copyright 2011-2016 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;
|
|
}
|
|
|
|
.ve-init-mw-articleTarget-source .catlinks {
|
|
display: 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;
|
|
}
|