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

Add a max width for the side menu in security #3914

Merged
merged 5 commits into from Sep 29, 2023
Merged

Conversation

CarolineDenis
Copy link
Contributor

Fixes #3905

@CarolineDenis CarolineDenis linked an issue Aug 14, 2023 that may be closed by this pull request
@CarolineDenis
Copy link
Contributor Author

Untitled.mov

Copy link
Contributor

@melton-jason melton-jason left a comment

Choose a reason for hiding this comment

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

Not the greatest fan of these breakpoints. I feel like they promote the use of magic numbers.
(It doesn't help that breakpoints themselves are magic numbers of common pixel widths).

Regardless, I can not deny that this does look better on narrow screens when the screen is "crowded".
However, when the screen is not "crowded", there seems to be a significant amount of jittering near the breakpoint.
Below are videos for how this is currently in v7.9-dev as well as the behavior for this current branch.
@specify/ux-testing Let me know what your thoughts are on this.

v7.9-dev:

v7.9-dev.mp4
v7.9-dev_tight.mp4

This branch (issue-3905):

issue-3905.mp4
issue-3905_tight.mp4

@CarolineDenis CarolineDenis requested a review from a team August 16, 2023 16:01
@carlosmbe
Copy link
Contributor

Based on the videos Jason provided. I prefer how this branch handles the Tight situations but prefer how the normal situation was handled previously. Is there a way to have both?

@CarolineDenis CarolineDenis changed the title Add a max width for the side menu in app resource Add a max width for the side menu in security Sep 20, 2023
@CarolineDenis CarolineDenis added this to the 7.9.1 milestone Sep 20, 2023
Copy link
Contributor

@grantfitzsimmons grantfitzsimmons left a comment

Choose a reason for hiding this comment

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

Looks good to me. I prefer this change in both "normal" and "tight" situations.
The magic number discussion is interesting– but I think the solution works fine. I'll leave it to you @melton-jason to suggest revisions if you see fit.

@grantfitzsimmons grantfitzsimmons changed the base branch from v7.9-dev to production September 26, 2023 02:24
@CarolineDenis CarolineDenis removed the request for review from melton-jason September 26, 2023 15:04
Copy link

@bronwyncombs bronwyncombs left a comment

Choose a reason for hiding this comment

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

👍

Screen.Recording.2023-09-29.at.12.51.32.PM.mov

@CarolineDenis CarolineDenis merged commit 6e27fca into production Sep 29, 2023
9 checks passed
@CarolineDenis CarolineDenis deleted the issue-3905 branch September 29, 2023 18:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

Improve Security and Accounts on narrow screens
5 participants