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
Convert masthead logos to inline #1366
Conversation
Codecov Report
@@ Coverage Diff @@
## master #1366 +/- ##
=======================================
Coverage 93.59% 93.59%
=======================================
Files 33 33
Lines 1529 1529
=======================================
Hits 1431 1431
Misses 98 98 Continue to review full report at Codecov.
|
…tal/design-system into convert-masthead-logos-to-inline
4c10392
to
ad04bb2
Compare
Co-authored-by: Jon Barnes <43346934+jrbarnes9@users.noreply.github.com>
Co-authored-by: Jon Barnes <43346934+jrbarnes9@users.noreply.github.com>
Co-authored-by: Jon Barnes <43346934+jrbarnes9@users.noreply.github.com>
Co-authored-by: Jon Barnes <43346934+jrbarnes9@users.noreply.github.com>
e175ffe
to
8c8a127
Compare
9e3d5fd
to
fe80482
Compare
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.
- Need to move the paragraphs for 'Internal' and 'External with navigation' variants, above the examples
src/components/header/index.njk
Outdated
The [ghost button](/components/button/#header-style) in the header moves to the [footer](/components/footer) when the page width is under the medium breakpoint (less than 740px). | ||
|
||
The external header with language switch and save button, should be used across public facing services. |
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.
Flip the order of these paragraphs
Co-authored-by: Jon Barnes <43346934+jrbarnes9@users.noreply.github.com>
What is the context of this PR?
This PR converts the masthead logos to inline svgs. This allows us to set the focus colour of the logo in css.
Also fixes an issue with the focus state on the nisra logo being too small and adds the
customHeaderLogo
param to the docs.How to review
customHeaderLogo
is added to the docs