From 360e81bdf123f7e89073c2764df98a6dc34bcaf0 Mon Sep 17 00:00:00 2001
From: brian teeman <brian@teeman.net>
Date: Thu, 1 Oct 2020 23:11:44 +0100
Subject: [PATCH] [4.0] sticky sidebar menu

On very long pages (eg install from web) as you scroll down the page the sidebar menu disappears off screen.

This PR makes the sidebar sticky so that it never scrolls out of the screen just as the subhead toolbar is sticky.

pr for #30019
---
 administrator/templates/atum/index.php                 | 2 +-
 administrator/templates/atum/scss/blocks/_sidebar.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/administrator/templates/atum/index.php b/administrator/templates/atum/index.php
index 77fb7efe39a2b..806ef7adc33e4 100644
--- a/administrator/templates/atum/index.php
+++ b/administrator/templates/atum/index.php
@@ -121,7 +121,7 @@
 		</button>
 
 		<div id="sidebar-wrapper" class="sidebar-wrapper sidebar-menu" <?php echo $hiddenMenu ? 'data-hidden="' . $hiddenMenu . '"' : ''; ?>>
-			<div id="sidebarmenu">
+			<div id="sidebarmenu" class="sidebar-sticky">
 				<div class="sidebar-toggle item item-level-1">
 					<a id="menu-collapse" href="#" aria-label="<?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?>">
 						<span id="menu-collapse-icon" class="fas fa-toggle-off fa-fw" aria-hidden="true"></span>
diff --git a/administrator/templates/atum/scss/blocks/_sidebar.scss b/administrator/templates/atum/scss/blocks/_sidebar.scss
index a0fe688e86049..9ffb966c5467b 100644
--- a/administrator/templates/atum/scss/blocks/_sidebar.scss
+++ b/administrator/templates/atum/scss/blocks/_sidebar.scss
@@ -6,6 +6,11 @@
   background-color: var(--atum-sidebar-bg);
   box-shadow: $atum-box-shadow;
 
+  .sidebar-sticky {
+    position: sticky;
+    top: 0;
+  }
+
   .item {
     position: relative;
     display: flex;