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 {