From c11bd43f6fc41a9e468f9dce009e870b5be8a66d Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 27 Apr 2022 21:33:56 -0500
Subject: [PATCH] Website: sticky "On this page" navigation (#5342)

* sticky nav

* Update basic-documentation.less

* Update basic-documentation.less
---
 website/assets/styles/pages/docs/basic-documentation.less | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index c56abaf8a6..53e993654d 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -542,8 +542,12 @@
       [purpose='right-sidebar'] {
         min-width: 190px;
         max-width: 210px;
-
+        position: sticky;
+        top: 94px;
+        height: fit-content;
         [purpose='subtopics'] {
+          max-height: calc(~'80vh - 90px'); //To prevent the sidenav being anchored to the bottom of the page if it has overflow.
+          overflow-y: scroll;
           color: @core-fleet-black;
           padding-top: 4px;
           padding-bottom: 4px;