design: 말줄임표 코드 분리 #53

Kernel360 · Jan 8, 2024 · 5b9a537 · 5b9a537
1 parent 495350a
commit 5b9a537
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 18 deletions.
diff --git a/src/components/shared/channel-article/ChannelArticle.module.scss b/src/components/shared/channel-article/ChannelArticle.module.scss
@@ -40,13 +40,6 @@ $img-size: 39px;
     .infoBox {
         flex-grow: 1;
         min-width: 0;
-
-        & > span {
-            display: block;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-break: break-all;
-        }
     }
 
     button {

diff --git a/src/components/shared/channel-article/ChannelArticle.tsx b/src/components/shared/channel-article/ChannelArticle.tsx
@@ -40,14 +40,14 @@ function ChannelArticle() {
           />
         </div>
         <div className={cx('infoBox')}>
-          {/* <Text typography="t6" whiteSpace="nowrap">
+          {/* <Text className="ellipsis" typography="t6" whiteSpace="nowrap">
           {data.title}
           </Text> */}
-          <Text typography="t6" whiteSpace="nowrap">title</Text>
-          {/* <Text typography="t7" color="gray300" whiteSpace="nowrap">
+          <Text className="ellipsis" typography="t6" whiteSpace="nowrap">title</Text>
+          {/* <Text className="ellipsis" typography="t7" color="gray300" whiteSpace="nowrap">
           {data.description}
           </Text> */}
-          <Text typography="t7" color="gray300" whiteSpace="nowrap">description</Text>
+          <Text className="ellipsis" typography="t7" color="gray300" whiteSpace="nowrap">description</Text>
         </div>
         <ChannelMoreBtn />
       </div>

diff --git a/src/components/shared/product-article/ProductArticle.module.scss b/src/components/shared/product-article/ProductArticle.module.scss
@@ -28,13 +28,6 @@
         height: 100px;
         padding: 10px 14px;
 
-        & > span {
-            display: block;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-break: break-all;
-        }
-
         & span:nth-child(2) {
             display: -webkit-box;
             -webkit-box-orient: vertical;