wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-15 02:23:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix various bugs in our Monobook stylesheet

Browse source 
* Toolbar was too tall
** The actions toolbar is nested in the main toolbar, so the rule
   increasing the font size by 25% for toolbars applied to it twice
* Font size in link suggestions was too big
** Remove 25% font size increase from overlays
** Add it back on the context (otherwise it's too small)
** But only on the main surface's context (otherwise contexts in dialogs are too big)
* Make highlights and context appear below, not above, toolbar menus
** z-index: 4 was too high for the overlay, because MenuToolGroup also has 4
** But the default of z-index: 1 is too low because it puts dialogs behind the surface
** z-index: 2 seems to work

Bug: 69949
Change-Id: I19da270abcdbe526ff213f0eb7d0859b48276930
This commit is contained in:
Roan Kattouw 2014-08-27 16:12:24 -07:00 committed by Catrope
parent 7be69944d6
commit 03c8ad7744
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
modules/ve-mw/init/styles/ve.init.mw.ViewPageTarget-monobook.css
View file

@ -9,17 +9,17 @@
margin: -0.6em -0.8em 1em -0.8em; margin: -0.6em -0.8em 1em -0.8em;
} }
.oo-ui-toolbar { /* 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 {
font-size: 1.25em; font-size: 1.25em;
line-height: 1.5em; line-height: 1.5em;
} }
/* Monobook sets font-size: x-small; on the body. Undo this in frames and overlays */
.oo-ui-frame-body,
body .ve-ui-overlay {
font-size: medium;
}
.ve-ui-overlay { .ve-ui-overlay {
z-index: 4; z-index: 2;
} }