Merge branch 'main' into repo-sync

github · Feb 22, 2022 · a5664f8 · a5664f8
2 parents 545c8a5 + 807c8e2
commit a5664f8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/components/DefaultLayout.tsx b/components/DefaultLayout.tsx
@@ -85,7 +85,12 @@ export const DefaultLayout = (props: Props) => {
         Skip to main content
       </a>
       <SidebarNav />
-      <div className="flex-column flex-1 overflow-auto">
+      {/* Need to set an explicit height for sticky elements since we also
+          set overflow to auto */}
+      <div
+        className="flex-column flex-1 overflow-auto print-overflow-visible"
+        style={{ height: '100vh' }}
+      >
         <Header />
         <main id="main-content">
           <DeprecationBanner />

diff --git a/stylesheets/utilities.scss b/stylesheets/utilities.scss
@@ -24,6 +24,10 @@
   .no-print {
     display: none;
   }
+
+  .print-overflow-visible {
+    overflow: visible !important;
+  }
 }
 
 /* Opacity utilities