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.

Sign up for GitHub

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

Jump to bottom

Grants table layout should become stacked when the window is narrow #2273

Closed
adele-usdr opened this issue Nov 28, 2023 · 2 comments · Fixed by #2291
Closed

Grants table layout should become stacked when the window is narrow #2273

adele-usdr opened this issue Nov 28, 2023 · 2 comments · Fixed by #2291
Assignees
@adele-usdr
Labels
Grant Finder Issues related to the Grant Finder

Comments

@adele-usdr
Copy link
Contributor

Why is this issue important?

The Grants table isn't very usable when the window is very narrow, and should match grants.gov in using a stacked layout in that case.

Current State

When a user is on mobile, or has a narrow window, they can't see much info in each row of the Grants table

Expected State

When the window is narrow, like on a mobile phone, they can scroll down and see a nicer layout of the table info

Implementation Plan

Add stacked='sm' to the Grants table

Relevant Code Snippets

No response
@adele-usdr adele-usdr self-assigned this Nov 28, 2023
@adele-usdr adele-usdr added the Grant Finder Issues related to the Grant Finder label Nov 28, 2023
@ClaireValdivia ClaireValdivia moved this from 🆕 New to 🏗 In progress in Grants Team Agile Planning Nov 29, 2023
adele-usdr added a commit that referenced this issue Nov 30, 2023
@adele-usdr
fix: #2273 use stacked table layout for narrow windows
c7066f4
@adele-usdr adele-usdr mentioned this issue Nov 30, 2023
Merged
2 tasks
@adele-usdr adele-usdr linked a pull request Nov 30, 2023 that will close this issue
fix: #2273 use stacked table layout for narrow windows #2291
Merged
2 tasks
adele-usdr added a commit that referenced this issue Dec 5, 2023
@adele-usdr
fix: #2273 use stacked table layout for narrow windows (#2291)
0423a16
@github-project-automation github-project-automation bot moved this from 🏗 In progress to ✅ Staging in Grants Team Agile Planning Dec 5, 2023
@ClaireValdivia
Copy link
Contributor

@adele-usdr I'm not seeing this reflected in staging - can you confirm that this PR was merged to staging?

(fyi - @as1729)

@ClaireValdivia
Copy link
Contributor

alright, tested and now working in staging!

@ClaireValdivia ClaireValdivia moved this from ✅ Staging to 🚢 Completed in Grants Team Agile Planning Dec 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@adele-usdr adele-usdr

Labels
Grant Finder Issues related to the Grant Finder
Projects
Grants Team Agile Planning
Archived in project
Milestone
No milestone
2 participants
@ClaireValdivia @adele-usdr