stream info: show more text when no images

daostack · Jan 8, 2024 · d65fbdc · d65fbdc
1 parent ebbe62c
commit d65fbdc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/pages/common/components/FeedCard/components/FeedGeneralInfo/FeedGeneralInfo.module.scss b/src/pages/common/components/FeedCard/components/FeedGeneralInfo/FeedGeneralInfo.module.scss
@@ -42,6 +42,10 @@
   overflow: hidden;
 }
 
+.descriptionLessShortened {
+  -webkit-line-clamp: 15;
+}
+
 .seeMore {
   color: $c-pink-active-feed-cards;
   width: fit-content;

diff --git a/src/pages/common/components/FeedCard/components/FeedGeneralInfo/FeedGeneralInfo.tsx b/src/pages/common/components/FeedCard/components/FeedGeneralInfo/FeedGeneralInfo.tsx
@@ -47,6 +47,8 @@ export const FeedGeneralInfo: React.FC<FeedGeneralInfoProps> = (props) => {
           editorRef={setDescriptionRef}
           editorClassName={classNames(styles.description, {
             [styles.descriptionShortened]: !shouldShowFullContent,
+            [styles.descriptionLessShortened]:
+              !shouldShowFullContent && (!images || images.length === 0),
           })}
           value={parsedDescription}
           readOnly