From 50760ba80511b3fb940b80d7271acb8c1d58bf9c Mon Sep 17 00:00:00 2001
From: HectorVilas <96928935+HectorVilas@users.noreply.github.com>
Date: Wed, 11 Jan 2023 14:30:48 -0300
Subject: [PATCH] add transparency at right to overflowing text

---
 src/style.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/style.css b/src/style.css
index e16f5ec..e3da88f 100644
--- 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;