Fix Card Meta title text overflow, close ant-design#8597

lovekonakona · Dec 16, 2017 · 3af6464 · 3af6464
1 parent 404677a
commit 3af6464
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 15 deletions.
diff --git a/components/card/Meta.tsx b/components/card/Meta.tsx
@@ -24,10 +24,8 @@ export default (props: CardMetaProps) => {
     </div> : null;
   return (
     <div {...others} className={classString}>
-      <div className={`${prefixCls}-meta-content`}>
-        {avatarDom}
-        {MetaDetail}
-      </div>
+      {avatarDom}
+      {MetaDetail}
     </div>
   );
 };
diff --git a/components/card/style/index.less b/components/card/style/index.less
@@ -188,30 +188,23 @@
 
   &-meta {
     margin: -4px 0;
-
-    &-content {
-      display: table-row;
-    }
+    .clearfix;
 
     &-avatar {
       padding-right: 16px;
-      display: table-cell;
+      float: left;
     }
 
     &-detail {
-      display: table-cell;
-      vertical-align: top;
-      position: relative;
-
-      & > div:not(:last-child) {
+      overflow: hidden;
+      > div:not(:last-child) {
         margin-bottom: 8px;
       }
     }
 
     &-title {
       font-size: @font-size-lg;
       text-overflow: ellipsis;
-      width: 100%;
       overflow: hidden;
       white-space: nowrap;
       color: @card-head-color;