Fix community search results descriptions no max lines (aeharding#37)

1quericonfki · Jun 28, 2023 · 1a10c64 · 1a10c64
1 parent 7e98507
commit 1a10c64
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/features/community/CommunitySummary.tsx b/src/features/community/CommunitySummary.tsx
@@ -6,6 +6,7 @@ import CommunityLink from "../labels/links/CommunityLink";
 import Ago from "../labels/Ago";
 import { useBuildGeneralBrowseLink } from "../../helpers/routes";
 import { getHandle } from "../../helpers/lemmy";
+import InlineMarkdown from "../shared/InlineMarkdown";
 
 const Container = styled(IonItem)`
   ${maxWidthCss}
@@ -27,7 +28,11 @@ const Stats = styled.div`
 
 const Description = styled.div`
   font-size: 0.9em;
-  white-space: pre-wrap;
+
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 `;
 
 interface CommunitySummaryProps {
@@ -52,7 +57,11 @@ export default function CommunitySummary({ community }: CommunitySummaryProps) {
           {community.counts.subscribers !== 1 ? "s" : ""} ·{" "}
           <Ago date={community.community.published} /> Old{" "}
         </Stats>
-        <Description>{community.community.description}</Description>
+        {community.community.description && (
+          <Description>
+            <InlineMarkdown>{community.community.description}</InlineMarkdown>
+          </Description>
+        )}
       </Contents>
     </Container>
   );