feat: add line clamp class (#7291)

This commit is contained in:
Nafees Nazik 2023-02-23 13:55:31 +05:30 committed by GitHub
parent a3c10d0beb
commit dac6bff5b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

View File

@ -32,7 +32,7 @@ export function AvailableEventLocations({ locations }: { locations: Props["event
/>
)}
<Tooltip content={t(locationKeyToString(location) ?? "")}>
<p className="truncate">{t(locationKeyToString(location) ?? "")}</p>
<p className="line-clamp-1">{t(locationKeyToString(location) ?? "")}</p>
</Tooltip>
</div>
);

View File

@ -197,14 +197,14 @@ export const EventSetupTab = (
<li
key={`${location.type}${index}`}
className="mb-2 rounded-md border border-gray-300 py-1.5 px-2">
<div className="flex max-w-full justify-between">
<div key={index} className="flex flex-grow items-center">
<div className="flex items-center justify-between">
<div className="flex items-center">
<img
src={eventLocationType.iconUrl}
className="h-4 w-4"
alt={`${eventLocationType.label} logo`}
/>
<span className="truncate text-sm ltr:ml-1 rtl:mr-1">{eventLabel}</span>
<span className="line-clamp-1 text-sm ltr:ml-1 rtl:mr-1">{eventLabel}</span>
</div>
<div className="flex">
<button