mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-04 18:58:37 +00:00
8101b6511e
* Append the toolbar before starting the scroll * If the toolbar is floating set the anchor to full height immediately. This shouldn't cause the content to jump down due to scroll anchoring: (https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring) But add our own logic for it for browsers which don't support that. * Now the browser only has to deal with the scroll animation, and not the height animation of the toolbar anchor at the same time, making it smoother and less buggy. Bug: T301773 Change-Id: I61d533d40758d559b03c858e0006ef2e4f0fcd16
38 lines
1.4 KiB
CSS
38 lines
1.4 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki DesktopArticleTarget Apex theme init styles.
|
|
*
|
|
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.ve-init-mw-desktopArticleTarget-loading-overlay {
|
|
/* Center progress bar within toolbar */
|
|
/* ( 44 - 14.688 ) / 2 */
|
|
top: 14.656px;
|
|
}
|
|
|
|
.ve-init-mw-desktopArticleTarget-toolbar,
|
|
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
|
|
/* Enforce different font-size for all UI elements of VisualEditor. The difference is tiny, but
|
|
enough to make the icon containers 23.813px rather than 24px and thus the icons blurry */
|
|
font-size: 1.00787401575em; /* 0.8em / x-small / 127% */
|
|
/* 1/ ( 0.8em / x-small / 127% ) */
|
|
margin: -0.9921875em;
|
|
margin-bottom: 0.9921875em;
|
|
}
|
|
|
|
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
|
|
border-bottom: 1px solid #ccc;
|
|
box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.1 );
|
|
background-color: #f8fbfd;
|
|
background-image: -webkit-gradient( linear, right top, right bottom, color-stop( 0, #fff ), color-stop( 100%, #f1f7fb ) );
|
|
background-image: -webkit-linear-gradient( top, #fff 0, #f1f7fb 100% );
|
|
background-image: -moz-linear-gradient( top, #fff 0, #f1f7fb 100% );
|
|
background-image: linear-gradient( to bottom, #fff 0, #f1f7fb 100% );
|
|
}
|
|
|
|
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating,
|
|
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-open {
|
|
height: 44px;
|
|
}
|