From 38fedeac91885857f9b66b86f83bc5f5e1234d66 Mon Sep 17 00:00:00 2001
From: Dhruv Arora <dhruv862arora@gmail.com>
Date: Sun, 29 Dec 2024 00:49:30 +0530
Subject: [PATCH] Refactored CSS for LeftDrawerOrg

---
 src/style/app.module.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/style/app.module.css b/src/style/app.module.css
index e951371a3b..07ff61342b 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -6,7 +6,7 @@
   --subtle-blue-grey: #7c9beb;
   --subtle-blue-grey-hover: #5f7e91;
   --modal-width: 670px;
-  --modal-max-width: 680px;
+  --modal-max-width: 680px;background-color: #f6f8fc; 
   --input-shadow-color: #dddddd;
   --delete-button-bg: #f8d6dc;
   --delete-button-color: #ff4d4f;
@@ -3483,8 +3483,11 @@ button[data-testid='createPostBtn'] {
 }
 /* LeftDrawer general styles */
 .leftDrawer {
-  /* Add the necessary styles for the drawer container */
+  height: 100vh; /* Ensure it spans the full height */
+  overflow-y: auto; /* Enable vertical scrolling */
   transition: transform 0.3s ease;
+  position: fixed; /* Ensure it's positioned properly */
+  padding-bottom: 1rem; /* Prevent last item clipping */
 }
 
 .hideElemByDefault {
@@ -3529,7 +3532,7 @@ button[data-testid='createPostBtn'] {
 }
 
 .bg-danger {
-  background-color: red; /* Example, make sure this matches the desired red */
+  background-color: var(--delete-button-color); 
 }
 
 .text-start {
@@ -3537,7 +3540,7 @@ button[data-testid='createPostBtn'] {
 }
 
 .text-white {
-  color: white;
+  color: var(--bs-white);
 }
 
 .imageContainer img {
@@ -3556,7 +3559,7 @@ button[data-testid='createPostBtn'] {
 
 .secondaryText {
   font-size: 0.9rem;
-  color: gray;
+  color: var(--grey-bg-color);
 }
 
 /* Dropdown and options list */
@@ -3571,7 +3574,7 @@ button[data-testid='createPostBtn'] {
 
 /* Button specific styles */
 .activeButton {
-  background-color: #eaebef;
+  background-color: var(--grey-bg-color);  /* Changed from #eaebef */
   color: black;
 }