Skip to content

Enhancement: fix issue card sizing when filtering#500

Open
TobyCyan wants to merge 11 commits intoCATcher-org:mainfrom
TobyCyan:484-inconsistent-card-sizings
Open

Enhancement: fix issue card sizing when filtering#500
TobyCyan wants to merge 11 commits intoCATcher-org:mainfrom
TobyCyan:484-inconsistent-card-sizings

Conversation

@TobyCyan
Copy link

@TobyCyan TobyCyan commented Jul 24, 2025

Summary:

Fixes #484

Type of change:

  • ✨ New Feature/ Enhancement

Changes Made:

  • Made issue cards have a consistent sizing by enforcing a fixed width (300px) (Other scale units would break the margin and padding consistency between issue-tables).
  • Made its child elements stretch to 100% width.

Screenshots:

Issue-484-Demo.mp4

Proposed Commit Message:

Fix issue card sizing

The issue cards have inconsistent sizes during filtering.

The lack of size consistency does not look very good
to the user viewing a huge number of issues.

Let's,
* fix the width of the parent issue-table.
* make the issue cards cover 100% of the parent's width.

This should give more control over the desired 
column width for each issue-table and improve
size consistency for better visual appeal.

Checklist:

  • I have tested my changes thoroughly.
  • I have created tests for any new code files created in this PR or provided a link to a issue/PR that addresses this.
  • I have added or modified code comments to improve code readability where necessary.
  • I have updated the project's documentation as necessary.

Copy link
Contributor

@NorbertLoh NorbertLoh left a comment

Choose a reason for hiding this comment

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

I quite like this change as it makes everything more consistent.
Could we look into the alignment of the Unassigned? Looks a little off especially with more space now. Otherwise LGTM!
image

@TobyCyan
Copy link
Author

@NorbertLoh thank you for the suggestion! Will look into it!

@TobyCyan
Copy link
Author

@NorbertLoh I've removed the assignee avatar div which caused the extra spacing for Unassigned, here is how it looks next to another assignee container!
image

Please let me know if you would like me to reduce/remove the left padding for unassigned (currently 10px).

@bipplane
Copy link
Contributor

this is amazing (the card sizes have been fixed)

Copy link
Contributor

@NorbertLoh NorbertLoh left a comment

Choose a reason for hiding this comment

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

LGTM!

@NorbertLoh
Copy link
Contributor

Perhaps your git commit message subject could match the other PRs just for consistency! Otherwise LGTM!

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.

Inconsistent card sizings when filtering

3 participants