Skip to content

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

Merged
merged 9 commits into from
Mar 9, 2023
Merged

feat: adds light themed header option #2112

merged 9 commits into from
Mar 9, 2023

Conversation

Golodhros
Copy link
Member

@Golodhros Golodhros commented Mar 9, 2023

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
header-now-dark-no-logo

Light header with no logo
header-now-light-no-logo

Dark header with logo
header-now-with-logo

Documentation

Updated config docs
Added Storybook story:

AMS

CheckList

Make sure you have checked all steps below to ensure a timely review.

  • PR title addresses the issue accurately and concisely. Example: "Updates the version of Flask to v1.0.2"
  • PR includes a summary of changes.
  • PR adds unit tests, updates existing unit tests, OR documents why no test additions or modifications are needed.
  • In case of new functionality, my PR adds documentation that describes how to use it.
    • All the public functions and the classes in the PR contain docstrings that explain what it does

@boring-cyborg boring-cyborg bot added area:docs area:frontend From the Frontend folder labels Mar 9, 2023
@Golodhros Golodhros marked this pull request as ready for review March 9, 2023 02:12
Signed-off-by: Marcos Iglesias <[email protected]>
Signed-off-by: Marcos Iglesias <[email protected]>
Copy link
Contributor

@kristenarmes kristenarmes left a 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',
Copy link
Contributor

Choose a reason for hiding this comment

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

log -> logo?

Copy link
Member Author

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',
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
content: 'Search raking information',
content: 'Search ranking information',

Signed-off-by: Marcos Iglesias <[email protected]>
@Golodhros Golodhros merged commit 884de1f into main Mar 9, 2023
@Golodhros Golodhros deleted the mi-light-header branch March 9, 2023 19:27
B-T-D pushed a commit to B-T-D/amundsen that referenced this pull request Mar 29, 2023
* 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]>
B-T-D pushed a commit to B-T-D/amundsen that referenced this pull request Mar 29, 2023
* 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]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:docs area:frontend From the Frontend folder
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants