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

feat(annotations): hide page steppers on small-medium widths #1450

Merged
merged 2 commits into from
Jul 1, 2022

Conversation

ivanthai
Copy link
Collaborator

Hide pagination steppers on screen widths < 767px (medium).

https://zpl.io/dxDDLEp

image

annotations-remove-page-steppers

@ivanthai ivanthai requested a review from a team as a code owner June 14, 2022 01:05
@ivanthai ivanthai force-pushed the hide-page-steppers-on-small branch from a052b4c to b34ba96 Compare June 14, 2022 01:37
Copy link
Collaborator

@jstoffan jstoffan left a comment

Choose a reason for hiding this comment

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

Subjectively, the visual treatment with this change is pretty unappealing next to the zoom controls. Is this necessary with all the other changes we're making, particularly to the annotations controls?

src/lib/viewers/doc/_docBase.scss Outdated Show resolved Hide resolved
src/lib/viewers/doc/_docBase.scss Outdated Show resolved Hide resolved
src/lib/viewers/doc/_docBase.scss Outdated Show resolved Hide resolved
@ivanthai
Copy link
Collaborator Author

Personally, it didn't seem too bad to me. The designer had tried to find various places to preserve screen width real estate. I'll double check with flesi

@jstoffan
Copy link
Collaborator

@ivanthai, any word back from design/product on the necessity of this change after all the other space-saving measures are in place?

@ivanthai
Copy link
Collaborator Author

ivanthai commented Jun 21, 2022

Product confirmed they wanted this change and design confirmed we especially needed it on touch because there's not enough space between tap targets. on precise pointer (mouse) devices, there's an overflow menu that we can utilize if we want to add it back.

Mobile needs it, but not so much desktop

@ivanthai ivanthai force-pushed the hide-page-steppers-on-small branch from 34bf024 to ae0cb30 Compare July 1, 2022 00:04
@ivanthai
Copy link
Collaborator Author

ivanthai commented Jul 1, 2022

We are removing the page steppers <767px across all modalities

@ivanthai ivanthai requested a review from jstoffan July 1, 2022 01:49
@ivanthai ivanthai merged commit fb500bd into box:master Jul 1, 2022
@ivanthai ivanthai deleted the hide-page-steppers-on-small branch July 1, 2022 17:10
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.

None yet

3 participants