X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Finclude%2F_mixins.scss;h=900638a0e49a0167ccc4a1fa491a4ba96e575127;hb=0c9945d900fa926a3d8c54738bb7a62a00f47efc;hp=37bd404dd02f026a97ed02da590e50fa6346ce5e;hpb=a55052c9baf2952795685d3b4e5348c8cb9da70d;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 37bd404dd..900638a0e 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -24,22 +24,16 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-/**
- *  This mixin will crop text in block for needed amount of lines and put ellipsis at the end
- *
- *  @param $font-size font-size property
- *  @param $line-height line-height property
- *  @param $lines-to-show amount of lines to show
- */
-@mixin ellipsis-multiline($font-size: 1rem, $line-height: 1, $lines-to-show: 2) {
+
+@mixin ellipsis-multiline($font-size: 16px, $number-of-lines: 2) {
   display: block;
   /* Fallback for non-webkit */
   display: -webkit-box;
-  max-height: $font-size * $line-height * $lines-to-show;
+  max-height: $font-size * $number-of-lines;
   /* Fallback for non-webkit */
   font-size: $font-size;
-  line-height: $line-height;
-  -webkit-line-clamp: $lines-to-show;
+  line-height: $font-size - 0.1;
+  -webkit-line-clamp: $number-of-lines;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;