From 3086a654a145e1914b741ca55193c5c182da5870 Mon Sep 17 00:00:00 2001
From: swtmply <delosreyesjohnallen@gmail.com>
Date: Fri, 21 Apr 2023 22:27:48 +0800
Subject: [PATCH] IO-1461 made the sider sticky

---
 .../components/tech-sider/tech-sider.component.jsx   | 12 +++++++++++-
 client/src/pages/tech/tech.page.styles.scss          |  5 +++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/client/src/components/tech-sider/tech-sider.component.jsx b/client/src/components/tech-sider/tech-sider.component.jsx
index 1bd3bcdf8..c6ea4f67f 100644
--- a/client/src/components/tech-sider/tech-sider.component.jsx
+++ b/client/src/components/tech-sider/tech-sider.component.jsx
@@ -29,7 +29,17 @@ export function TechSider({ technician, techLogout }) {
   };
 
   return (
-    <Sider collapsible collapsed={collapsed} onCollapse={onCollapse}>
+    <Sider
+      style={{
+        height: "100vh",
+        position: "sticky",
+        top: 0,
+        left: 0,
+      }}
+      collapsible
+      collapsed={collapsed}
+      onCollapse={onCollapse}
+    >
       <Menu theme="dark" defaultSelectedKeys={["1"]} mode="inline">
         <Menu.Item
           key="1"
diff --git a/client/src/pages/tech/tech.page.styles.scss b/client/src/pages/tech/tech.page.styles.scss
index 08a7e5817..7a9dc51ec 100644
--- a/client/src/pages/tech/tech.page.styles.scss
+++ b/client/src/pages/tech/tech.page.styles.scss
@@ -1,9 +1,10 @@
 .tech-content-container {
-  overflow-y: auto;
+  overflow-y: visible;
   padding: 1rem;
   background: #fff;
 }
 
 .tech-layout-container {
-  height: 100vh;
+  position: relative;
+  min-height: 100vh;
 }