From 131b91e2c17bf2a3bea465acbd198eafe770ec74 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 2 Nov 2023 17:38:38 +0800
Subject: [PATCH] Clamp 3 lines
---
src/components/account-block.jsx | 2 +-
src/components/account-info.css | 8 ++++++++
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/src/components/account-block.jsx b/src/components/account-block.jsx
index 0b7e9cea..13c680be 100644
--- a/src/components/account-block.jsx
+++ b/src/components/account-block.jsx
@@ -82,7 +82,7 @@ function AccountBlock({
}}
>
<Avatar url={avatar} size={avatarSize} squircle={bot} />
- <span>
+ <span class="account-block-content">
{!hideDisplayName && (
<>
{displayName ? (
diff --git a/src/components/account-info.css b/src/components/account-info.css
index 9c1c74f8..5477f261 100644
--- a/src/components/account-info.css
+++ b/src/components/account-info.css
@@ -462,6 +462,14 @@
var(--bg-color) calc(100% - 8px),
transparent
);
+
+ .account-block-content {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ line-clamp: 3;
+ -webkit-line-clamp: 3;
+ }
}
.faux-header-bg {