From 18a850869da08c717022ac94ac12013dd5d0dd7e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gerg=C5=91=20Tisza?= Date: Wed, 26 Feb 2014 00:41:12 +0000 Subject: [PATCH] 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 --- resources/mmv/ui/mmv.ui.permission.less | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/resources/mmv/ui/mmv.ui.permission.less b/resources/mmv/ui/mmv.ui.permission.less index 1f53d7371..011a48421 100644 --- a/resources/mmv/ui/mmv.ui.permission.less +++ b/resources/mmv/ui/mmv.ui.permission.less @@ -6,14 +6,12 @@ width: 90%; margin: 10px 5% 0; - max-height: 100px; - &.empty { display: none; } h3 { - margin: 10px 10px; + margin: 10px; padding: 0; color: #565656; } @@ -33,7 +31,15 @@ } .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 { @@ -41,8 +47,6 @@ } &.full-size { - max-height: none; - .mw-mlb-permission-close { display: block; }