From 2987c34e454aa4d1539e638a2f913097e0fd1edc Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Mon, 27 Feb 2023 15:59:16 +0100 Subject: Fix instance accordion line height --- .../shared/shared-instance/instance-about-accordion.component.scss | 2 +- client/src/sass/include/_mixins.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) (limited to 'client') 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; -- cgit v1.2.3