💄 optimize card hoverable style (ant-design#20561)

soluvas · Dec 31, 2019 · cc2a29c · cc2a29c
1 parent 3c481f5
commit cc2a29c
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/components/card/style/index.less b/components/card/style/index.less
@@ -3,6 +3,7 @@
 
 @card-prefix-cls: ~'@{ant-prefix}-card';
 @card-head-height: 48px;
+@card-hover-border: transparent;
 @card-action-icon-size: 16px;
 
 @gradient-min: fade(@card-skeleton-bg, 20%);
@@ -19,6 +20,7 @@
   &-hoverable {
     cursor: pointer;
     &:hover {
+      border-color: @card-hover-border;
       box-shadow: @card-shadow;
     }
   }
@@ -120,6 +122,8 @@
       width: 100%;
     }
     img {
+      width: calc(100% + 2px);
+      margin-left: -1px;
       border-radius: @card-radius @card-radius 0 0;
     }
   }