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

Make case details sidebar responsive #7534

Closed
lowellrex opened this issue Oct 24, 2018 · 0 comments
Closed

Make case details sidebar responsive #7534

lowellrex opened this issue Oct 24, 2018 · 0 comments
Assignees
@joeyyang
Labels
Feature: case-details Product: caseflow-queue Team: Foxtrot 🦊

Comments

@lowellrex
Copy link
Contributor

Currently, at small screen widths the table of contents sidebar become hard to read and rob us of valuable screen real estate. This ticket exists to make the sidebar collapse into a smaller version of itself at small screen widths.

Current state

image

Future mocks

image
@joeyyang joeyyang self-assigned this Nov 6, 2018
@joeyyang joeyyang mentioned this issue Nov 6, 2018
Merged
@ghost ghost added the In-Progress label Nov 6, 2018
@ghost ghost removed the In-Progress label Nov 19, 2018
va-bot pushed a commit that referenced this issue Nov 19, 2018
@joeyyang
Make case details sidebar responsive (#7740)
98fecb9 
Resolves #7534

### Description
Makes case details sidebar responsive. Sidebar collapses to top and sticks to top of page when scrolled to, and main content section assumes full width. Sidebar links jump to appropriate section with scroll offset.

Question:
- Made the sidebar text size smaller per the design in #7534 (`13px`). Is the text size too small?

![nov-06-2018 08-10-56](https://user-images.githubusercontent.com/2928395/48077140-8f96b800-e19b-11e8-8a22-0f93540b1561.gif)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@joeyyang joeyyang

Labels
Feature: case-details Product: caseflow-queue Team: Foxtrot 🦊
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@joeyyang @lowellrex