Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Read more button added when text overflow on card #693

Merged
merged 3 commits into from
May 25, 2023
Merged

Read more button added when text overflow on card #693

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
18624ec
read more text will appear whenever description overflows
Isha988 May 23, 2023
b9516eb
read more bitton hover effect added
Isha988 May 24, 2023
39fa7f3
Update components/Cards/Card.tsx
Isha988 May 25, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
read more bitton hover effect added
  • Loading branch information
@Isha988
Isha988 committed May 24, 2023
commit b9516eb7911843a2a29fcfc9efb201e27655cc95
2 changes: 1 addition & 1 deletion components/Cards/Card.tsx
View file
Open in desktop
rupali-codes marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ const Card: FC<{ data: IData }> = (props) => {
<p ref={descriptionRef} className="h-24 w-full overflow-hidden font-sans text-ellipsis line-clamp-4">{description}</p>
{
(isOverflow) &&
<p className="text-sm underline text-violet-600 dark:text-violet-400" >read more...</p>
<p className="text-sm underline text-violet-600 dark:text-violet-400 text-right hover:text-violet-400 dark:hover:text-violet-300" >read more...</p>
Isha988 marked this conversation as resolved.
Show resolved Hide resolved
}
</div>
<footer className="card-actions justify-end">
Expand Down