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

UI: Redesign journey card alerts and spacing #377

Merged
merged 1 commit into from
Nov 24, 2024

Conversation

ksharma-xyz
Copy link
Owner

@ksharma-xyz ksharma-xyz commented Nov 24, 2024

TL;DR

Improved the journey card UI by refining alert button styling and adjusting padding between transport legs.

What changed?

  • Replaced SmallButton component with a direct Box implementation for alerts
  • Added proper padding between transport legs when there's no walk interchange
  • Removed redundant iconSize parameter from various components
  • Standardized icon sizing using density-based calculations
  • Updated alert text styling to include bold font weight
  • Simplified text and icon layout structure

How to test?

  1. Navigate to the trip planner
  2. View a journey with multiple legs and service alerts
  3. Verify that:
    • Alert buttons have proper styling and bold text
    • Transport legs have correct spacing between them
    • Icons are consistently sized across the interface
    • Text and icons are properly aligned

Why make this change?

To improve visual consistency and user experience by standardizing component styling and spacing throughout the journey card interface. The changes make the alerts more prominent and improve the readability of journey information.

Copy link
Owner Author

ksharma-xyz commented Nov 24, 2024

@ksharma-xyz ksharma-xyz changed the title Fix padding in ExpandedJourneyCard UI: Redesign journey card alerts and spacing Nov 24, 2024
@ksharma-xyz ksharma-xyz marked this pull request as ready for review November 24, 2024 12:59
@ksharma-xyz ksharma-xyz force-pushed the 11-24-update_collapsible_alert branch from c960b6e to 0aa22b8 Compare November 24, 2024 22:02
@ksharma-xyz ksharma-xyz force-pushed the 11-24-fix_padding_in_expandedjourneycard branch from 3988605 to 7d7aff8 Compare November 24, 2024 22:02
@ksharma-xyz ksharma-xyz force-pushed the 11-24-update_collapsible_alert branch 2 times, most recently from 927ec01 to 7aa536f Compare November 24, 2024 22:10
@ksharma-xyz ksharma-xyz force-pushed the 11-24-fix_padding_in_expandedjourneycard branch from 7d7aff8 to d77bcd5 Compare November 24, 2024 22:10
@ksharma-xyz ksharma-xyz changed the base branch from 11-24-update_collapsible_alert to graphite-base/377 November 24, 2024 22:18
@ksharma-xyz ksharma-xyz force-pushed the 11-24-fix_padding_in_expandedjourneycard branch from d77bcd5 to ad70a64 Compare November 24, 2024 22:18
@ksharma-xyz ksharma-xyz changed the base branch from graphite-base/377 to main November 24, 2024 22:19
@ksharma-xyz ksharma-xyz force-pushed the 11-24-fix_padding_in_expandedjourneycard branch from ad70a64 to 4e20d12 Compare November 24, 2024 22:19
@ksharma-xyz ksharma-xyz merged commit 774d792 into main Nov 24, 2024
2 checks passed
Copy link
Owner Author

Merge activity

  • Nov 24, 5:27 PM EST: A user merged this pull request with Graphite.

@ksharma-xyz ksharma-xyz deleted the 11-24-fix_padding_in_expandedjourneycard branch November 24, 2024 22:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

1 participant