From 91f2c380c54c10068b26661612122b097946a571 Mon Sep 17 00:00:00 2001
From: Bill Gale <bill@gale.dev>
Date: Tue, 7 Dec 2021 10:08:25 +0000
Subject: [PATCH] fix: event description for teams on mobile (#1261)

* fix: event description for teams on mobile

* fix: replace sm:truncate with overflow-ellipsis overflow-hidden

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 components/eventtype/EventTypeDescription.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/eventtype/EventTypeDescription.tsx b/components/eventtype/EventTypeDescription.tsx
index 73e4d4b257..2b2d072e29 100644
--- a/components/eventtype/EventTypeDescription.tsx
+++ b/components/eventtype/EventTypeDescription.tsx
@@ -32,8 +32,9 @@ export const EventTypeDescription = ({ eventType, className }: EventTypeDescript
     <>
       <div className={classNames("text-neutral-500 dark:text-white", className)}>
         {eventType.description && (
-          <h2 className="opacity-60 truncate max-w-[280px] sm:max-w-[500px]">
+          <h2 className="opacity-60 overflow-ellipsis overflow-hidden max-w-[280px] sm:max-w-[500px]">
             {eventType.description.substring(0, 100)}
+            {eventType.description.length > 100 && "..."}
           </h2>
         )}
         <ul className="flex mt-2 space-x-4 ">