Additional root body > div

This is needed for one page applications like search.nixos.org
NixOS · Jan 9, 2021 · 1b55ca2 · 1b55ca2
1 parent 7562bd1
commit 1b55ca2
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 2 deletions.
diff --git a/src/components/banners.less b/src/components/banners.less
@@ -1,4 +1,4 @@
-// Needs to be part of the *root* element, e.g. body > main > .wide-banner
+// Needs to be part of the *root* element, e.g. body > main > .wide-banner, body > div > main
 // `.-detailed` elements will be shown only for wider viewports (-lg)
 .wide-banner {
   &:first-child {

diff --git a/src/components/footer.less b/src/components/footer.less
@@ -1,5 +1,6 @@
 // This file defines the navigation at the bottom of the page.
 
+body > div > footer,
 body > footer {
   & > div {
     #container();

diff --git a/src/components/navbar.less b/src/components/navbar.less
@@ -1,5 +1,6 @@
 // This file defines the navigation bar at the top of the page.
 
+body > div > header,
 body > header {
   @_height: #theme.navbar[height];
   @_link_flavour_size: 4*@unit;
@@ -328,6 +329,7 @@ body > header {
 // =============
 
 & when (#theme.navbar[static] = true) {
+  body > div > header {
   body > header {
     position: static;
     top: 0;

diff --git a/src/components/pane.less b/src/components/pane.less
@@ -1,6 +1,6 @@
 // This component assumes it is used in an unmanaged layout.
 //
-// Basically, at body > main > .fullscreen-pane
+// Basically, at body > main > .fullscreen-pane, body > div > main > .fullscreen-pane
 //
 // This only defines the basic unopinionated structure of the pane.
 // All panes should have their own "component" implementing it.

diff --git a/src/layout.less b/src/layout.less
@@ -66,6 +66,7 @@ body {
   });
 }
 
+body > div > main,
 body > main {
   flex-grow: 1;
 }