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

[FEATURE] Navbar Design Update (1) #158

Closed
1 task done
Tracked by #150
kaiyangzheng opened this issue Sep 18, 2024 · 1 comment · Fixed by #184
Closed
1 task done
Tracked by #150

[FEATURE] Navbar Design Update (1) #158

kaiyangzheng opened this issue Sep 18, 2024 · 1 comment · Fixed by #184
Assignees
@Gayatri-K26

Comments

@kaiyangzheng
Copy link
Collaborator

kaiyangzheng commented Sep 18, 2024 •
edited
Loading

Is your feature request related to a problem? Please describe.
N/A

Describe the solution you'd like

  • navbar highlight color
  • dropdown button
  • updated icons

Describe alternatives you've considered
N/A

Additional context
https://files.slack.com/files-pri/TE565NU79-F07NL4RTD6G/img_6474.jpg

Dependencies
@kaiyangzheng kaiyangzheng mentioned this issue Sep 22, 2024
Open
6 tasks
@kaiyangzheng
Copy link
Collaborator Author

kaiyangzheng commented Sep 29, 2024 •
edited by iriszhang8
Loading

Additional Context: https://www.figma.com/design/xTNJRHyohsIf714Ba1eWFY/Hi-fi-Wireframes?node-id=4121-1756&node-type=instance&m=dev

Overall

  • Left margin decreased to 32px
  • Right margin decreased to 40px
  • Background color change (#F8F9FA)— It kinda looks the same but it’s different I swear
  • Any text that’s on a pure white background should be slightly off-black (#0C0C0C)

Profile icons

  • Size decreased to 32px
  • For the profile icon in the top nav, the color’s been changed to brighter blue (#1367EA)

Top nav

  • Height decreased to 64px

Logo

  • Height decreased to 24px
  • Added red triangle
  • Changed bottom border from shadow to line
  • Changed background color to a very sight off-white (#FEFEFE)

Side nav

  • Width decreased to 224px

Create button

  • Position is now closer to the bottom of the top nav
    I- con changed (rounded lines now)
  • Padding: 8px 22px 8px 16px
  • Color changed to brighter blue (#1367EA)
  • All icons changed

Menu items (including icon and text) have two states: Default (gray), Active (black, bolder text/thicker lines)

  • This gray is a bit darker than the original

Highlight

  • Full width now
  • Slight color change

Changed right border from line to shadow
Changed background color to a very sight off-white (#FEFEFE)
Got rid of History and Settings

Gayatri-K26 added a commit that referenced this issue Nov 2, 2024
@Gayatri-K26
Fixes #158 text on bottom and icons in the nav bar
18e7efe
@Gayatri-K26 Gayatri-K26 linked a pull request Nov 2, 2024 that will close this issue
158 feature navbar design update 1 #184
Merged
kaiyangzheng added a commit that referenced this issue Nov 3, 2024
@Gayatri-K26 @kaiyangzheng
158 feature navbar design update 1 (#184)
e4b7cdf 
* Made changes to the topbar and navbar

* Fixes #158 text on bottom and icons in the nav bar

* Update README.md

---------

Co-authored-by: Kaiyang Zheng <kaiyang.zheng@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Gayatri-K26 Gayatri-K26

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

158 feature navbar design update 1 sandboxnu/mfa-form-automator
2 participants
@kaiyangzheng @Gayatri-K26