hashgraph / hashgraph/guardian

Global Styles, Align size of Status Chips & actions in all tables

Open
#3,987 0 comments 0 reactions 1 assignee Claimed by @prernaadev01 View on GitHub
Dominant language
TypeScript
Stars
146
Forks
186
Avg merge
2d 20h
Merged PRs (30d)
126

Description

### Task Description
Currently all statuses in tables have different sizes. It looks not aligned when there are lots of different statuses or actions in one column with different width.

### Expected behaviour
Keep all statuses and actions (in this columns) consistent in all tables using the fixed size. For status chip or actions in big tables use 140px width and for smaller tables use 80px width (if this is suitable for available statuses and actions).
The main goal is to align width of all statuses and actions in 1 column. If the text is not fit inside chips or button - use truncate (with 3 dots).

Screenshot 2024-08-05 at 15.38.06.png

https://www.figma.com/design/r4opkmPm3TPieVSXTb0pjK/Design-file-(Guardian)?node-id=1408-90952&t=qaX9Mg4tLKo7tCbZ-1

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.