sidebar fixed

pages/Semantic_Search.py

@@ -49,28 +49,27 @@ st.markdown("""
                 }
         </style>
         """, unsafe_allow_html=True)
-# st.markdown("""
-#     <style>
-#     /* Fix the actual sidebar content container */
-#     div[data-testid="stSidebarContent"] {
-#         position: fixed;
-#         top: 0;
-#         left: 0;
-#         height: 100vh;
-#         width: 21rem;  /* match your current sidebar width */
-#         overflow-y: auto;
-#         z-index: 100;
-#         background-color: #0e1117;
-#         border-right: 1px solid #333;
-#         padding-top: 1rem;
-#     }
-
-#     /* Prevent main app content from being covered by fixed sidebar */
-#     div[data-testid="stAppViewContainer"] > div:nth-child(1) {
-#         margin-left: 21rem;  /* same width as the fixed sidebar */
-#     }
-#     </style>
-# """, unsafe_allow_html=True)
+st.markdown("""
+    <style>
+    /* Fix the entire sidebar so it stays when main content scrolls */
+    section[data-testid="stSidebar"] {
+        position: fixed;
+        top: 0;
+        left: 0;
+        height: 100vh;
+        overflow-y: auto;
+        z-index: 100;
+        background-color: #f0f2f6;  /* or your theme's sidebar color */
+        padding-top: 1rem;
+    }
+
+    /* Prevent main content from hiding behind sidebar */
+    div[data-testid="stAppViewContainer"] > div:first-child {
+        margin-left: 21rem;  /* Match actual sidebar width */
+    }
+    </style>
+""", unsafe_allow_html=True)
+
 
 #ps = PorterStemmer()