sidebar fixed

pages/Semantic_Search.py

@@ -51,21 +51,34 @@ st.markdown("""
         """, unsafe_allow_html=True)
 st.markdown("""
     <style>
-    /* Make the sidebar sticky */
-    [data-testid="stSidebar"] {
+    /* Make sidebar fixed */
+    section[data-testid="stSidebar"] {
         position: fixed;
         top: 0;
         left: 0;
         height: 100vh;
         overflow-y: auto;
-        z-index: 100;
-        background-color: #0e1117; /* optional: match your theme */
-        border-right: 1px solid #333; /* optional for separation */
+        z-index: 999;
+        background-color: #0e1117;
+        border-right: 1px solid #333;
     }
 
-    /* Adjust the main content so it doesn't go under the fixed sidebar */
-    [data-testid="stAppViewContainer"] > .main {
-        margin-left: 16rem; /* adjust width to match sidebar size */
+    /* Prevent main content from being hidden behind fixed sidebar */
+    div[data-testid="stAppViewContainer"] > div:nth-child(1) {
+        margin-left: 16rem;  /* Adjust if your sidebar is wider */
+    }
+
+    /* Optional: keep header pinned too */
+    header[data-testid="stHeader"] {
+        position: fixed;
+        top: 0;
+        width: 100%;
+        z-index: 998;
+    }
+
+    /* Compensate top spacing for header if fixed */
+    .main {
+        padding-top: 4rem;
     }
     </style>
 """, unsafe_allow_html=True)