refactor(ui/card): optimization style of title in horizontal layout

varletjs · May 12, 2022 · c8028fe · c8028fe
1 parent f9c10c2
commit c8028fe
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/varlet-ui/src/card/card.less b/packages/varlet-ui/src/card/card.less
@@ -86,7 +86,8 @@
 
   &__container {
     padding: var(--card-padding);
-    position: relative;
+    flex-grow: 1;
+    min-width: 0;
   }
 
   &--layout-row &__floater {
@@ -116,12 +117,11 @@
   }
 
   &--layout-row &__title {
+    max-width: 100%;
+    overflow: hidden;
     margin: var(--card-title-row-margin);
     text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-    overflow: hidden;
+    white-space: nowrap;
   }
 
   &__subtitle {