Make sure the text of the permission box is cut exactly between lines

Change-Id: I7a0a3056f6e3734579f1e04175e04c89ced92576
Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/118
This commit is contained in:
Gergő Tisza 2014-02-26 00:41:12 +00:00
parent 62ebfd450f
commit 18a850869d

View file

@ -6,14 +6,12 @@
width: 90%; width: 90%;
margin: 10px 5% 0; margin: 10px 5% 0;
max-height: 100px;
&.empty { &.empty {
display: none; display: none;
} }
h3 { h3 {
margin: 10px 10px; margin: 10px;
padding: 0; padding: 0;
color: #565656; color: #565656;
} }
@ -33,7 +31,15 @@
} }
.mw-mlb-permission-text { .mw-mlb-permission-text {
padding: 10px; @text-font-size: 1em;
@text-line-height: 1.2;
@lines-shown: 3;
max-height: @lines-shown * @text-line-height * @text-font-size;
overflow: hidden;
margin: 0 10px 10px;
font-size: @text-font-size;
line-height: @text-line-height;
} }
.mw-mlb-permission-html { .mw-mlb-permission-html {
@ -41,8 +47,6 @@
} }
&.full-size { &.full-size {
max-height: none;
.mw-mlb-permission-close { .mw-mlb-permission-close {
display: block; display: block;
} }