mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-16 20:35:09 +00:00
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:
parent
af508f066a
commit
f5d77badef
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue