adjust padding top of main section

GSA · Jan 13, 2025 · 0a6b497 · 0a6b497
1 parent 831feaf
commit 0a6b497
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -6,7 +6,7 @@
 This template is for a single page that does not have a date associated with it. For example, an about page.
 {% endcomment %}
 
-<div class="usa-section">
+<div class="usa-section gsa-usa-section">
   <div class="grid-container">
     <div class="grid-row grid-gap flex-align-start">
       {% assign sidenav = site.data.navigation[page.sidenav] | default: page.sidenav %}

diff --git a/_layouts/pagegraph.html b/_layouts/pagegraph.html
@@ -21,12 +21,12 @@
 This template is for a single page that does not have a date associated with it. For example, an about page.
 {% endcomment %}
 
-<div class="usa-section">
+<div class="usa-section gsa-usa-section">
   <div class="grid-container">
     <div class="grid-row grid-gap flex-align-start">
       {% assign sidenav = site.data.navigation[page.sidenav] | default: page.sidenav %}
       {% if sidenav %}
-        <div class="usa-layout-docs__sidenav desktop:grid-col-3{% if page.sticky_sidenav %} usa-sticky-sidenav{% endif %}">
+        <div class="usa-layout-docs__sidenav desktop:grid-col-3{% if page.sticky_sidenav %} usa-sticky-sidenav{% endif %} gsa-mobile">
           {% include sidenav.html links=sidenav %}
         </div>
       {% endif %}

diff --git a/_layouts/pagewide.html b/_layouts/pagewide.html
@@ -6,7 +6,7 @@
 This template is for a single page that does not have a date associated with it. For example, an about page.
 {% endcomment %}
 
-<div class="usa-section">
+<div class="usa-section gsa-usa-section">
   <div class="grid-container maxw-widescreen margin-left-0">
     <div class="grid-row grid-gap flex-align-start">
       {% assign sidenav = site.data.navigation[page.sidenav] | default: page.sidenav %}

diff --git a/assets/css/index.scss b/assets/css/index.scss
@@ -343,6 +343,11 @@
   background-color: #cdcbcb;
 }
 
+.gsa-usa-section {
+  // adjust padding for top of main section - CJB
+  padding-top: 32px;
+}
+
 .search-link {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -398,7 +403,7 @@
     font-size: 0.9rem;
   }
 
-  // attempt to fix mobile after update of uswds 3.11.0
+  // attempt to fix mobile after update of uswds 3.11.0 - CJB
   .gsa-mobile {
     display: none;
   }
@@ -425,7 +430,7 @@
     font-size: 0.9rem;
   }
 
-  // attempt to fix mobile after update of uswds 3.11.0
+  // attempt to fix mobile after update of uswds 3.11.0 - CJB
   .gsa-mobile {
     display: none;
   }