From 6e51cbadab4f3b8bb94ee713f7075685c9c00769 Mon Sep 17 00:00:00 2001
From: ddcat1115 <ddcat1115@gmail.com>
Date: Mon, 26 Feb 2018 19:21:43 +0800
Subject: [PATCH] fix #948

---
 src/routes/List/Applications.less | 3 +++
 src/routes/List/CardList.less     | 6 ++++++
 src/routes/List/Projects.js       | 5 +++--
 src/routes/List/Projects.less     | 6 ++++++
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/routes/List/Applications.less b/src/routes/List/Applications.less
index 7c7747ea..bbfe9cf6 100644
--- a/src/routes/List/Applications.less
+++ b/src/routes/List/Applications.less
@@ -14,6 +14,9 @@
     .ant-card-actions {
       background: #f7f9fa;
     }
+    .ant-list .ant-list-item-content-single {
+      max-width: 100%;
+    }
   }
   .cardInfo {
     .clearfix();
diff --git a/src/routes/List/CardList.less b/src/routes/List/CardList.less
index a635a88f..c4c2e573 100644
--- a/src/routes/List/CardList.less
+++ b/src/routes/List/CardList.less
@@ -25,6 +25,12 @@
   .item {
     height: 64px;
   }
+
+  :global {
+    .ant-list .ant-list-item-content-single {
+      max-width: 100%;
+    }
+  }
 }
 
 .extraImg {
diff --git a/src/routes/List/Projects.js b/src/routes/List/Projects.js
index 3c0c9e1b..48e83c8f 100644
--- a/src/routes/List/Projects.js
+++ b/src/routes/List/Projects.js
@@ -6,6 +6,7 @@ import { Row, Col, Form, Card, Select, List } from 'antd';
 import StandardFormRow from '../../components/StandardFormRow';
 import TagSelect from '../../components/TagSelect';
 import AvatarList from '../../components/AvatarList';
+import Ellipsis from '../../components/Ellipsis';
 
 import styles from './Projects.less';
 
@@ -54,7 +55,7 @@ export default class CoverCardList extends PureComponent {
       <List
         rowKey="id"
         loading={loading}
-        grid={{ gutter: 24, lg: 4, md: 3, sm: 2, xs: 1 }}
+        grid={{ gutter: 24, xl: 4, lg: 3, md: 3, sm: 2, xs: 1 }}
         dataSource={list}
         renderItem={item => (
           <List.Item>
@@ -65,7 +66,7 @@ export default class CoverCardList extends PureComponent {
             >
               <Card.Meta
                 title={<a href="#">{item.title}</a>}
-                description={item.subDescription}
+                description={<Ellipsis lines={2}>{item.subDescription}</Ellipsis>}
               />
               <div className={styles.cardItemContent}>
                 <span>{moment(item.updatedAt).fromNow()}</span>
diff --git a/src/routes/List/Projects.less b/src/routes/List/Projects.less
index 129bb17d..890a1ad2 100644
--- a/src/routes/List/Projects.less
+++ b/src/routes/List/Projects.less
@@ -46,4 +46,10 @@
   .cardList {
     margin-top: 24px;
   }
+
+  :global {
+    .ant-list .ant-list-item-content-single {
+      max-width: 100%;
+    }
+  }
 }
-- 
GitLab