From 78d0ff97933047ae9ad9bf03f2de3ac624a2fb74 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Mon, 27 Sep 2021 11:00:49 +0800
Subject: [PATCH] Adjust comment fade-out height

## Issue
6944 Comment expansion sometimes doesn't reveal extra text (already showing everything)

## Fix
Reconcile some constants between JS and CSS.
---
 ui/scss/component/_expandable.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_expandable.scss b/ui/scss/component/_expandable.scss
index b17562ea1..da7c86aea 100644
--- a/ui/scss/component/_expandable.scss
+++ b/ui/scss/component/_expandable.scss
@@ -1,10 +1,12 @@
+$COLLAPSED_HEIGHT: 120px;
+
 .expandable--closed,
 .expandable--open {
   margin-bottom: var(--spacing-s);
 }
 
 .expandable--closed {
-  max-height: 10rem;
+  max-height: $COLLAPSED_HEIGHT * 3 / 4;
   overflow-y: hidden;
   position: relative;
   -webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));