Skip to content

Responsive tables#91

Merged
joy-y-cheng merged 8 commits into
mainfrom
responsive-tables
May 18, 2026
Merged

Responsive tables#91
joy-y-cheng merged 8 commits into
mainfrom
responsive-tables

Conversation

@WCheyenneLu

@WCheyenneLu WCheyenneLu commented May 18, 2026

Copy link
Copy Markdown
Contributor
  • Implemented React Bootstrap’s responsive property across all primary tables to ensure consistent mobile scaling.
  • Migrated table styles from individual CSS modules (IncomingTicket, OutgoingTicket, UserList and StoresList) into globals.css using kebab-case.
  • Deleted the deprecated local CSS modules after verifying global style adoption.
  • Unified margins, padding, borders, and text colors across all tables.
  • Set all table cells and header fields to be left-aligned.
  • Standardized the image styling for store and user profile photos
  • Changed the "Requestor" table heading to "Team Member" in the Users table for clearer context.

Note: dropdown styling for Incoming and Outgoing tickets was also moved to global. For most this change has also been updated except for EditInventoryItem and AddInventoryItemForm (both). Please make note of this when writing styling sprints for these pages.

Also note, for table headers, to get the blue color, specific className table-header needs to be used.

@joy-y-cheng joy-y-cheng left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good Cheyenne!! Made some additional styling edits outside the sprint.

@joy-y-cheng joy-y-cheng merged commit 925fa6d into main May 18, 2026
2 checks passed
@joy-y-cheng joy-y-cheng deleted the responsive-tables branch May 18, 2026 11:32
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.

3 participants