Added support to disable the left navigation on a specific page.

usnistgov · Sep 21, 2023 · 3c6b82f · 3c6b82f
1 parent b82f458
commit 3c6b82f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/dist/css/styles.css b/dist/css/styles.css
diff --git a/dist/css/styles.css.map b/dist/css/styles.css.map
diff --git a/layouts/partials/site-content.html b/layouts/partials/site-content.html
@@ -1,8 +1,11 @@
+{{- $displayToc := .Param "toc.display" | default false -}}
+{{- $displaySideNav := .Param "sidenav.display" | default true -}}
 <div class="site-content-container">
+  {{- if $displaySideNav -}}
   <aside id="page-side-navigation" class="sidenav site-sidenav" aria-label="Section navigation">
     {{ partial "components/usa-sidenav.html" . }}
   </aside>
-  {{- $displayToc := .Param "toc.display" | default false -}}
+  {{- end -}}
   {{- with .Page.Params.toc -}}
     {{- if isset . "enabled" -}}
       {{- $displayToc = .enabled -}}

diff --git a/sass/hugo-uswds/src/styles/site/custom-styles/_main-content.scss b/sass/hugo-uswds/src/styles/site/custom-styles/_main-content.scss
@@ -5,6 +5,12 @@ body{
   text-rendering: optimizeLegibility;
 }
 
+.site-sidenav + .main-content {
+  @include at-media("desktop") {
+    width: calc(100% - #{units($width-nav-sidebar)});
+  }
+}
+
 .main-content {
   @include u-pin("right");
   @include u-pin("bottom");
@@ -18,10 +24,6 @@ body{
   width: 100%;
   max-width: units($theme-grid-container-max-width);
 
-  @include at-media("desktop") {
-    width: calc(100% - #{units($width-nav-sidebar)});
-  }
-
   .lt-ie9 & {
     width: 75%;
   }