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 9174f40c7..ee9e4c3ee 100644 --- 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 8c173d5c9..e41fe9389 100644 --- 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;