From a37f3cd732f3a85bcd5bc5a0c8b10b11f26119db Mon Sep 17 00:00:00 2001
From: Yogesh Khater <yogeshjain999@gmail.com>
Date: Tue, 19 Dec 2023 10:37:07 +0530
Subject: [PATCH] Fix TOC left and right height

---
 app/assets/stylesheets/application.tailwind.css | 8 ++++++++
 app/concepts/cell/documentation/toc_left.erb    | 2 +-
 app/concepts/cell/documentation/toc_right.erb   | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index a12f8d2..f8fc694 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -67,4 +67,12 @@
   .display_block {
     display: block;
   }
+
+  .toc-right-height {
+    height: calc(100dvh - 10rem);
+  }
+
+  .toc-left-height {
+    height: calc(100dvh - 6rem);
+  }
 }
diff --git a/app/concepts/cell/documentation/toc_left.erb b/app/concepts/cell/documentation/toc_left.erb
index 6a6edd6..e2e1b4e 100644
--- a/app/concepts/cell/documentation/toc_left.erb
+++ b/app/concepts/cell/documentation/toc_left.erb
@@ -1,4 +1,4 @@
-<div class="lg:pt-10 lg:pl-5 xl:pl-20 p-10 pl-20 text-white leading-10 space-y-1 h-full overflow-auto">
+<div class="lg:pt-10 lg:pl-5 xl:pl-20 p-10 pl-20 text-white leading-10 space-y-1 toc-left-height overflow-y-auto">
   <% separator_after = {4 => true, 8 => true}
       separator_class = "border-t-[1px] border-t-light-purple"
   %>
diff --git a/app/concepts/cell/documentation/toc_right.erb b/app/concepts/cell/documentation/toc_right.erb
index 338beef..5b16d34 100644
--- a/app/concepts/cell/documentation/toc_right.erb
+++ b/app/concepts/cell/documentation/toc_right.erb
@@ -1,4 +1,4 @@
-<div class="display_none bg-white p-5 w-56 shrink-0 text-bg-blue overflow-y-scroll top-22" id="<%= css_id %>">
+<div class="display_none bg-white p-5 w-56 shrink-0 text-bg-blue overflow-y-auto top-22 toc-right-height" id="<%= css_id %>">
   <h4 class="font-base font-bold leading-10 pl-2">
      <%= h2.title %>
   </h4>