enhance: render ellipsis on long dynamic text

vnphanquang · vnphanquang · commit faa6446d0d24 · 2025-02-22T15:10:55.000+07:00
diff --git a/.changeset/witty-humans-dream.md b/.changeset/witty-humans-dream.md
@@ -0,0 +1,5 @@
+---
+'@vnphanquang/green-check': patch
+---
+
+ellipsis on long dynamic texts
diff --git a/src/template.css b/src/template.css
@@ -91,7 +91,10 @@ svg {
 }
 
 .content p {
+	overflow: hidden;
 	min-height: 9px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .content p:not(:first-child) {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@vnphanquang/green-check': patch
 +---
++
 +ellipsis on long dynamic texts