public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
pull/1267/head
Bill Gale 2021-12-07 10:08:25 +00:00 committed by GitHub
parent b11d81fdd2
commit 91f2c380c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/eventtype/EventTypeDescription.tsx
View File

@ -32,8 +32,9 @@ export const EventTypeDescription = ({ eventType, className }: EventTypeDescript
<> <>
<div className={classNames("text-neutral-500 dark:text-white", className)}> <div className={classNames("text-neutral-500 dark:text-white", className)}>
{eventType.description && ( {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.substring(0, 100)}
{eventType.description.length > 100 && "..."}
</h2> </h2>
)} )}
<ul className="flex mt-2 space-x-4 "> <ul className="flex mt-2 space-x-4 ">