Fix MW skin hacks

* Ensure surface widget font size matches main surface,
  move vector-specific hack to vector css file and fix.
* Fix base font size in non-isolated monobook windows.
* Move monobook z-index hack to global overlay only.

Change-Id: I1607dc77f81ac9c522e09a3b502aeb38fee02178
This commit is contained in:
Ed Sanders 2014-11-22 17:42:22 +00:00
parent 268a852455
commit 2653ce3bb3
4 changed files with 18 additions and 24 deletions

View file

@ -799,7 +799,6 @@ $wgResourceModules += array(
// ui
'modules/ve-mw/ui/styles/inspectors/ve.ui.MWExtensionInspector.css',
'modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css',
'modules/ve-mw/ui/styles/widgets/ve.ui.MWSurfaceWidget.css',
'modules/ve-mw/ui/styles/widgets/ve.ui.MWTitleInputWidget.css',
'modules/ve-mw/ui/styles/widgets/ve.ui.MWTocWidget.css',
),

View file

@ -7,23 +7,23 @@
.ve-init-mw-viewPageTarget-toolbar {
margin: -0.6em -0.8em 1em -0.8em;
/* So that the toolbar always appears over the overlay */
z-index: 5;
}
/* Correct for Monobook's small font in toolbars and contexts, but beware:
* - Only apply this to the outer toolbar, not the inner toolbar (otherwise it multiplies)
* - Only apply this to the main surface's context, not inside dialogs (they have their own
* font size fixes)
*/
.ve-init-mw-viewPageTarget-toolbar,
.ve-init-mw-viewPageTarget-surface .ve-ui-context {
/* Correct for Monobook's x-small font on the root toolbar */
font-size: 1.25em;
line-height: 1.5em;
}
.oo-ui-window {
/* Correct for Monobook's x-small font on non-isolated windows */
/* 0.8em / x-small */
font-size: 1em;
}
.ve-ui-overlay {
/* So that the overlay always appears over the site logo, search box and personal tools */
z-index: 4;
/* Mimic #globalWrapper */
font-size: 127%;
}
.ve-ui-overlay-global {
/* So that the overlay always appears over the site logo, search box and personal tools */
z-index: 4;
}

View file

@ -26,6 +26,11 @@
font-size: 0.8em;
}
.ve-ui-mwSurfaceWidget .ve-ce-surface {
/* 0.875 (mw-body-content) / 0.8em (window) */
font-size: 1.09375em;
}
.ve-init-mw-viewPageTarget-toolbar {
margin: -1em -1em 1em -1em;
-webkit-transition: margin 200ms ease-out;

View file

@ -1,10 +0,0 @@
/*!
* VisualEditor MediaWiki UserInterface MWSurfaceWidget styles.
*
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwSurfaceWidget .ve-ce-surface {
font-size: 1em;
}