darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-06 15:08:25 -04:00
Code Issues Packages Projects Releases Wiki Activity

Styling and conditional changes for mobile menu button

Browse Source
This commit is contained in:
Jonathan Bobel
2023-09-21 15:01:29 -04:00
parent d8f930e3d5
commit 811c51c469
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -25,6 +25,9 @@ i.e.
.usa-header--extended .usa-logo { .usa-header--extended .usa-logo {
font-family: family("sans"); font-family: family("sans");
margin: units(4) 0; margin: units(4) 0;
@include at-media-max('mobile-lg') {
margin: units(4) 0 units(4) units(2);
}
img { img {
@include at-media($theme-header-min-width) { @include at-media($theme-header-min-width) {
width: 80px; width: 80px;
@@ -33,6 +36,10 @@ i.e.
} }
} }
.usa-banner__header-action {
font-size: size("body", 2);
}
.usa-nav__primary { .usa-nav__primary {
&> .usa-nav__primary-item > a { &> .usa-nav__primary-item > a {
font-size: size("body", 4); font-size: size("body", 4);

4
app/templates/components/components/header/template.njk
View File

@@ -55,7 +55,9 @@
<a href="/" title="notify.gov">notify.gov</a> <a href="/" title="notify.gov">notify.gov</a>
</em> </em>
</div> </div>
<button type="button" class="usa-menu-btn">Menu</button> {% if current_user.is_authenticated %}
<button type="button" class="usa-menu-btn">Menu</button>
{% endif %}
</div> </div>
<nav aria-label="Primary navigation" class="usa-nav"> <nav aria-label="Primary navigation" class="usa-nav">
<div class="usa-nav__inner"> <div class="usa-nav__inner">