-
Notifications
You must be signed in to change notification settings - Fork 970
feat: adds light themed header option #2112
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
Conversation
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
ecc1c8b
to
d0c556d
Compare
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
{ | ||
target: '.nav-bar-left a', | ||
title: 'Title about the logo', | ||
content: 'Content about the step pointing to the log', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
log -> logo?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
good catch!
{ | ||
target: '#search-input', | ||
title: 'Search ranking', | ||
content: 'Search raking information', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
content: 'Search raking information', | |
content: 'Search ranking information', |
Signed-off-by: Marcos Iglesias <[email protected]>
* feat: adds navTheme option for dark/light navigation; includes docs Signed-off-by: Marcos Iglesias <[email protected]> * feat: transforms theme configuration into a class Signed-off-by: Marcos Iglesias <[email protected]> * feat: updates styles, elevation and spacing for light themed navigation Signed-off-by: Marcos Iglesias <[email protected]> * feat: polishes logo placement Signed-off-by: Marcos Iglesias <[email protected]> * docs: updates application configuration Signed-off-by: Marcos Iglesias <[email protected]> * docs: added images Signed-off-by: Marcos Iglesias <[email protected]> * chore: adds story for NavBar Signed-off-by: Marcos Iglesias <[email protected]> * chore: fixes story Signed-off-by: Marcos Iglesias <[email protected]> * docs: typos fixing Signed-off-by: Marcos Iglesias <[email protected]> --------- Signed-off-by: Marcos Iglesias <[email protected]> Signed-off-by: Ben Dye <[email protected]>
* feat: adds navTheme option for dark/light navigation; includes docs Signed-off-by: Marcos Iglesias <[email protected]> * feat: transforms theme configuration into a class Signed-off-by: Marcos Iglesias <[email protected]> * feat: updates styles, elevation and spacing for light themed navigation Signed-off-by: Marcos Iglesias <[email protected]> * feat: polishes logo placement Signed-off-by: Marcos Iglesias <[email protected]> * docs: updates application configuration Signed-off-by: Marcos Iglesias <[email protected]> * docs: added images Signed-off-by: Marcos Iglesias <[email protected]> * chore: adds story for NavBar Signed-off-by: Marcos Iglesias <[email protected]> * chore: fixes story Signed-off-by: Marcos Iglesias <[email protected]> * docs: typos fixing Signed-off-by: Marcos Iglesias <[email protected]> --------- Signed-off-by: Marcos Iglesias <[email protected]>
Summary of Changes
Adds an option to make the navigation into a light theme
Tweaks styles, spacing and header elevation
Screenshots
Dark header with no logo

Light header with no logo

Dark header with logo

Documentation
Updated config docs
Added Storybook story:
CheckList
Make sure you have checked all steps below to ensure a timely review.