Make ellipsis + ellipsis gradient cover ascender/descender glyphs

Change-Id: I3d2c2016761c9b7551750585c01763f424eecc8c
Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/985
This commit is contained in:
Gergő Tisza 2014-11-15 08:38:27 +00:00
parent af508f066a
commit f5d77badef

View file

@ -1,3 +1,4 @@
@import "mediawiki.mixins";
@import "../mmv.mixins";
.mw-mmv-ttf-container {
@ -41,6 +42,7 @@
background-repeat: no-repeat;
/* @embed */
background-image: url(img/ellipsis_lightgray.svg);
.box-shadow( -4px 6px 0 0 white);
// Hovering over .mw-mmv-ttf-ellipsis-container will make the ellipsis more visible to attract
// attention to it. Since it has to be set on a parent element which is not under control of
@ -63,8 +65,7 @@
display: block;
content: '';
height: 1.2em; // 1em would not cover high glyphs
margin-top: -0.1em; // center
height: 1.6em; // 1em would not cover high glyphs
width: @fade-length;
margin-left: -@fade-length;