jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use `calc` in `font-size` to harmonize IE 9-11 

IE 9-11 cuts values 2 digits after the decimal point leading
to small miscalculations throughout the interface derived from `.mw-body-content`'s `em` value.
With `calc` it's forced to use same parent value for its
rendering calculations.

Bug: T102364
Change-Id: Id4ba39bc90174bab445ae0fb4d039c28a4f0b300
This commit is contained in:
Volker E 2020-03-26 20:12:12 -07:00
parent 70c2f70262
commit 24749a3595
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/skins.vector.styles/common.less
View File

@ -97,6 +97,9 @@ body {
.mw-body-content {
position: relative;
font-size: @font-size-base;
// Support IE 9-11, Trident cuts values 2 digits after decimal point.
// `calc` enables to set correct calculation in place again. See T102364.
font-size: calc( 1em ~'*' unit( @font-size-base ) );
line-height: @line-height-base;
z-index: 0;