Fix instance accordion line height

diff --git a/client/src/app/shared/shared-instance/instance-about-accordion.component.scss b/client/src/app/shared/shared-instance/instance-about-accordion.component.scss
index 9174f40c744818e68972ba4fbeff9892ae545cdd..ee9e4c3ee91312ceb59b4f0c82e4ae8b25d7c404 100644 (file)
--- a/client/src/app/shared/shared-instance/instance-about-accordion.component.scss
+++ b/client/src/app/shared/shared-instance/instance-about-accordion.component.scss
@@ -6,7 +6,7 @@
 }
 
 .instance-short-description {
-  @include ellipsis-multiline(1rem, 3);
+  @include ellipsis-multiline(1rem, 3, inherit);
 
   margin: 25px 0;
 }

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 8c173d5c9c4e3b75fb4bb86aa66713ada5957fcb..e41fe9389bbc6e31021be6686ccbe1602f4d678a 100644 (file)
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -24,7 +24,7 @@
   text-overflow: ellipsis;
 }
 
-@mixin ellipsis-multiline($font-size: 16px, $number-of-lines: 2) {
+@mixin ellipsis-multiline($font-size: 16px, $number-of-lines: 2, $line-height: $font-size) {
   display: block;
   /* Fallback for non-webkit */
   display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
@@ -32,7 +32,7 @@
   -webkit-box-orient: vertical;
   /* Fallback for non-webkit */
   font-size: $font-size;
-  line-height: $font-size;
+  line-height: $line-height;
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: $font-size * $number-of-lines;