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

Advanced Trip Form #1249

Merged
merged 96 commits into from
Sep 25, 2024
Merged

Advanced Trip Form #1249

merged 96 commits into from
Sep 25, 2024

Conversation

amy-corson-ibigroup
Copy link
Contributor

@amy-corson-ibigroup amy-corson-ibigroup commented Jul 12, 2024

Description:

Moves mode subsettings into "Advanced" trip panel. Requires opentripplanner/otp-ui#749

PR Checklist:

  • Does the code follow accessibility standards (WCAG 2.1 AA Compliant)?
  • Are all languages supported (Internationalization/Localization)?
  • Are appropriate Typescript types implemented?

amy-corson-ibigroup and others added 30 commits June 10, 2024 09:05
Copy link
Collaborator

@binh-dam-ibigroup binh-dam-ibigroup left a comment

Choose a reason for hiding this comment

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

Was the mobile view of Advanced Settings supposed to be tiny?

@@ -22,20 +45,28 @@ interface Props {

class BatchSearchScreen extends Component<Props> {
state = {
planTripClicked: false
closeAdvancedSettingsWithDelay: false,
planTripClicked: false,
Copy link
Collaborator

Choose a reason for hiding this comment

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

Did I get confused with a mockup? I thought the Advanced Trip Form took the entire screen on mobile view. Right now, only a tiny height is available (the height of the origin/destination and mode selector fields), so it is very awkward to use on mobile view. (see screenshot)

image

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Weird, yes, it should expand to full screen when opened. Where are you seeing this? Just tested this branch on safari, chrome, and firefox on mobile and I can't reproduce this. Is it showing up in a certain context?

Copy link
Collaborator

Choose a reason for hiding this comment

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

I see that on Firefox devtools, Firefox on Android, Chrome devtools and Chromium on Android.

Copy link
Collaborator

@binh-dam-ibigroup binh-dam-ibigroup left a comment

Choose a reason for hiding this comment

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

Looks much better, thank you for the changes!

Copy link
Collaborator

Choose a reason for hiding this comment

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

I just got this thought after looking at the location selector for the mobile view, any of the following could be done in another PR... It seems like this could be a dialog, at least in the mobile view, what do you think? That way, the Advanced Trip Options panel can be dismissed using the ESC key, and for desktop, the focus would be contained within the dialog.

@amy-corson-ibigroup amy-corson-ibigroup merged commit 1f7e8b9 into dev Sep 25, 2024
9 checks passed
@amy-corson-ibigroup amy-corson-ibigroup deleted the master-trip-form-update branch September 25, 2024 17:27
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.

5 participants