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.

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

Vertically center Kanban card titles in compact mode #7391

Conversation

Vardhaman619
Copy link
Contributor

This PR addresses the issue of Kanban card titles not being vertically centered in compact mode. The following changes have been made:

Updated CSS styles to ensure that titles are properly aligned vertically within their respective cards when in compact mode.
Enhanced overall readability and aesthetics of the Kanban board.
#7385

after-fix

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

This pull request addresses the issue of Kanban card titles not being vertically centered in compact mode (#7385). The main change is in the StyledBoardCardHeader component of RecordBoardCard.tsx.

  • Increased padding-bottom for compact view from 0 to 2 units of spacing in StyledBoardCardHeader
  • Improves vertical alignment of card titles in compact mode
  • Enhances readability and aesthetics of the Kanban board
  • Aims to achieve the desired 40px height for compact cards
  • Addresses the visual discrepancy shown in the issue's screenshots

1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings

Copy link
Contributor

@ehconitin ehconitin left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks for contributing! :)

@ehconitin ehconitin merged commit 2e962f8 into twentyhq:main Oct 2, 2024
5 of 10 checks passed
Copy link

oss-gg bot commented Oct 2, 2024

Awarding Vardhaman619: 150 points 🕹️ Well done! Check out your new contribution on oss.gg/Vardhaman619

Copy link

github-actions bot commented Oct 2, 2024

Thanks @Vardhaman619 for your contribution!
This marks your 2nd PR on the repo. You're top 18% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter

Contributions

harshit078 pushed a commit to harshit078/twenty that referenced this pull request Oct 14, 2024
This PR addresses the issue of[ Kanban card titles not being vertically
centered in compact
mode](twentyhq#7385). The following
changes have been made:

Updated CSS styles to ensure that titles are properly aligned vertically
within their respective cards when in compact mode.
Enhanced overall readability and aesthetics of the Kanban board.
twentyhq#7385


![after-fix](https://github.com/user-attachments/assets/0d88d3c9-5f41-42de-a7a6-9434fd65bd38)

Co-authored-by: Nitin Koche <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants