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

report overhaul phase 1 #324

Merged
merged 23 commits into from
Nov 13, 2024
Merged

Conversation

ayobi
Copy link
Contributor

@ayobi ayobi commented Oct 29, 2024

For phase one we will convert the existing side menu into the new top menu.

Copy link
Collaborator

@cassidysymons cassidysymons left a comment

Choose a reason for hiding this comment

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

Aside from the specific code note about managing container width, there are a few issues:

  • The menu does not have any notion of breakpoints for tablets/mobile devices and breaks down (visually) in smaller formats
  • The font colors on the menu do not conform to the Figma document
  • The dimensions and spacing of the menu items do not conform to the Figma document

Please let me know if you're unsure how to extract precise parameters from the Figma doc or if you have any questions.

Comment on lines 19 to 20
padding-left: 100px;
padding-right: 100px;
Copy link
Collaborator

@cassidysymons cassidysymons Oct 30, 2024

Choose a reason for hiding this comment

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

Container widths should be managed with the width and max-width parameters, not padding or margin. This approach yields poor results on smaller screens.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I originally used width but was met with unexpected behavior. I think it has to do with the stylings of the other divs, I'll see about arranging them differently for different results.

Copy link
Collaborator

@cassidysymons cassidysymons left a comment

Choose a reason for hiding this comment

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

The most recent commit eliminated the gray bar under the menu entirely (tested in Firefox and Safari on MacOS). Can you please review these changes?

@cassidysymons cassidysymons merged commit 152b880 into biocore:master Nov 13, 2024
3 checks passed
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.

2 participants