From f30b6e9881f7b3d8c40bae71fa1a9da1c95bcae8 Mon Sep 17 00:00:00 2001
From: Said Gedik <said.gedik@nttdata.com>
Date: Tue, 14 May 2024 17:53:11 +0200
Subject: [PATCH] sticky outline

---
 frontend/src/app/ntt-gantt/ntt-gantt.component.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.css b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
index f31c10c..0a478c2 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.css
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
@@ -215,6 +215,7 @@
   background-color: rgb(240, 240, 240);
 }
 
+/* Ensure filterContainer sticks to the top when scrolling */
 .filterContainer {
   display: flex;
   flex-direction: row;
@@ -227,6 +228,15 @@
   padding-left: 10px;
   padding-right: 15px;
   justify-content: space-between;
+  position: -webkit-sticky; /* For Safari */
+  position: sticky;
+  top: 0;
+  z-index: 1000; /* Ensure it is above other content */
+  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
+}
+
+.filterContainer.sticky {
+  border-radius: 0;
 }
 
 .left, .right {