Add `.navbar-nav-scroll` for vertical scrolling of navbar content (#32037)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

1 files changed, 9 insertions, 0 deletions

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 852328aca1..1187d617bd 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -148,6 +148,11 @@
   background-size: 100%;
 }
 
+.navbar-nav-scroll {
+  max-height: var(--bs-scroll-height, 75vh);
+  overflow-y: auto;
+}
+
 // Generate series of `.navbar-expand-*` responsive classes for configuring
 // where your navbar collapses.
 .navbar-expand {
@@ -174,6 +179,10 @@
           }
         }
 
+        .navbar-nav-scroll {
+          overflow: visible;
+        }
+
         .navbar-collapse {
           display: flex !important; // stylelint-disable-line declaration-no-important
         }