add text ellipsis to the dapp card

AstarNetwork · Feb 13, 2024 · ac6b594 · ac6b594
1 parent ed150c3
commit ac6b594
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/staking-v3/components/styles/dapps.scss b/src/staking-v3/components/styles/dapps.scss
@@ -88,14 +88,24 @@
 .text--title {
   font-weight: 700;
   font-size: 16px;
-  margin: 12px 0 8px 0;
+  margin: 0 0 4px 0;
   line-height: 1.25;
+  overflow: hidden;
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
 
 .text--description {
   color: $navy-4;
   font-size: 12px;
   font-weight: 500;
+  overflow: hidden;
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
 }
 
 .card__bottom {