From 56841d1e1da2bf999217624b918750f54ab8c5ad Mon Sep 17 00:00:00 2001
From: Ranjan Purbey <ranjan.purbey@gmail.com>
Date: Mon, 17 Aug 2020 04:31:31 +0530
Subject: [PATCH] Allow left-panel to scroll independently

---
 script/component/MainPage.js | 2 +-
 style/app.css                | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/script/component/MainPage.js b/script/component/MainPage.js
index 74354ee..cef9bb1 100644
--- a/script/component/MainPage.js
+++ b/script/component/MainPage.js
@@ -60,7 +60,7 @@ const MainPage = {
         </div>
     </nav>
     <div class="row">
-        <div class="col-12 col-sm-5 col-md-4 left-panel">
+        <div class="col-12 col-sm-5 col-md-4 left-panel sticky-top">
             <ul>
                 <li v-for="link in links">
                     <div v-if="link.links">
diff --git a/style/app.css b/style/app.css
index 8daccab..7f449f1 100644
--- a/style/app.css
+++ b/style/app.css
@@ -60,6 +60,11 @@ h1 code, h2 code, h3 code {
     border-bottom: 1px solid #EEE;
 }
 
+.left-panel {
+  max-height: 100vh;
+  overflow-y: auto;
+}
+
 .left-panel ul {
     list-style: none;
     line-height: 28px;