Orange-OpenSource · hannahiss · Nov 27, 2023 · Nov 27, 2023 · Nov 27, 2023 · Nov 27, 2023
diff --git a/scss/_footer.scss b/scss/_footer.scss
@@ -1,4 +1,7 @@
 .footer {
+  position: sticky;
+  top: 100vh;
+
   > * {
     // scss-docs-start footer-part-css-vars
     --#{$prefix}footer-gap: 0;

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -48,6 +48,8 @@
   }
   // scss-docs-end scroll-offset
   // End mod
+
+  min-height: 100vh; // Boosted mod
 }
 
 
@@ -63,6 +65,7 @@
 // scss-docs-start reboot-body-rules
 body {
   position: relative; // Boosted mod: required for back-to-top component
+  min-height: 100vh; // Boosted mod
   margin: 0; // 1
   font-family: var(--#{$prefix}body-font-family);
   font-synthesis: none; // Boosted mod // 5

diff --git a/site/assets/scss/_boosted.scss b/site/assets/scss/_boosted.scss
@@ -7,11 +7,6 @@
   }
 }
 
-html,
-body {
-  min-height: 100vh;
-}
-
 //
 // Boosted logo
 //

diff --git a/site/assets/scss/_footer.scss b/site/assets/scss/_footer.scss
@@ -3,8 +3,5 @@
 //
 
 .bd-footer {
-  position: sticky; // Boosted mod
-  top: 100vh; // Boosted mod
-
   // Boosted mod: no `a` selector since we use our Boosted footer component
 }
diff --git a/site/content/docs/5.3/components/footer.md b/site/content/docs/5.3/components/footer.md
@@ -22,6 +22,8 @@ You can choose to display each part or not, except the last one which is mandato
 
 If these available parts don't meet your specific needs, feel free to develop your own custom part accordingly to the Orange Design System.
 
+The footer is positioned at the bottom of the window when the page content is smaller than the window, and at the bottom of the page when it is bigger.
+
 {{< callout warning >}}
 This footer component is based on the [navbar component]({{< docsref "/components/navbar" >}}). Don't forget to import the corresponding SCSS file if you're using [Lean Sass imports]({{< docsref "/customize/optimize#lean-sass-imports" >}}).
 {{< /callout >}}
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,11 +7,6 @@ @@
       }
     }
-    html,
-    body {
-      min-height: 100vh;
-    }
     //
     // Boosted logo
     //
@@ Expand Down @@