Skip to content

Table: align cell text vertically#555

Merged
natalyjazzviolin merged 1 commit intomainfrom
nataly/center-table-cell-text
Feb 26, 2025
Merged

Table: align cell text vertically#555
natalyjazzviolin merged 1 commit intomainfrom
nataly/center-table-cell-text

Conversation

@natalyjazzviolin
Copy link
Contributor

Why

The table cell text is slightly off center vertically and has more room on the bottom.
Screenshot 2025-02-25 at 3 53 55 PM

What

This aligns it vertically by moving it a little down.
Screenshot 2025-02-25 at 3 53 29 PM

Closes #551

@vercel
Copy link

vercel bot commented Feb 25, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
click-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 25, 2025 8:54pm

display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: text-bottom;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this will need to be set as a prop and passed in by Table, rather than hardcoded in. EllipsesContainer is used in a lot of places in click-ui and CP and this might change behavior in those places.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think we need to add it as a prop as we always want to be center aligned
@natalyjazzviolin Just a doubt in case we are removing the ellipsis as @hoorayimhelping mentioned then we might need to change this to middle instead of text-bottom
Maybe we can do it in another pr

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Got it, thank you @vineethasok !

@natalyjazzviolin natalyjazzviolin merged commit 922ff67 into main Feb 26, 2025
6 checks passed
@natalyjazzviolin natalyjazzviolin deleted the nataly/center-table-cell-text branch February 26, 2025 00:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Table cell text is not vertically centered.

3 participants