add transparency at right to overflowing text

HectorVilas · Jan 11, 2023 · 50760ba · 50760ba
1 parent d78e1c3
commit 50760ba
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/style.css b/src/style.css
@@ -237,6 +237,7 @@ body {background-color: var(--bgc-page);}
   color: var(--txt-col-2);
   overflow: hidden;
   white-space: nowrap;
+  width: 100%;
 }
 .card .date-creation {
   grid-area: created;
@@ -251,6 +252,14 @@ body {background-color: var(--bgc-page);}
   background-color: white;
 }
 
+/*adding transparency for overflowed text*/
+.card .title:not(.edit-title),
+.card .description,
+.card label{
+  mask-image: linear-gradient(to left, transparent, white 50px);
+}
+
+
 .card .checklist {
   grid-area: tasks;
   display: grid;