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

Fix: agency selector with n cards #1223

Merged
merged 2 commits into from Jan 30, 2023
Merged

Conversation

angela-tran
Copy link
Member

Closes #1219

This PR sets a max-width and min-height for cards shown on the agency selector modal. I also fixed some units to be rem-based.

Screenshots

1 agency

Desktop Mobile
image image

2 agencies

Desktop Mobile
image image

4 agencies

Desktop Mobile
image image

@angela-tran angela-tran requested a review from a team as a code owner January 30, 2023 20:10
@angela-tran angela-tran self-assigned this Jan 30, 2023
@github-actions github-actions bot added front-end HTML/CSS/JavaScript and Django templates deployment-dev [auto] Changes that will trigger a deploy if merged to dev labels Jan 30, 2023
Copy link
Member

@machikoyasuda machikoyasuda left a comment

Choose a reason for hiding this comment

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

Tested w. both scenarios (1 agency, 2 agencies, even 4).
image

image

@angela-tran angela-tran merged commit 263d9ab into dev Jan 30, 2023
@angela-tran angela-tran deleted the fix/agency-selector-n-cards branch January 30, 2023 20:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
deployment-dev [auto] Changes that will trigger a deploy if merged to dev front-end HTML/CSS/JavaScript and Django templates
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Agency selector should size cards appropriately
2 participants