notebook selector stuck on top

ETH-PEACH-Lab · Aug 28, 2024 · ca9e30f · ca9e30f
1 parent d751a82
commit ca9e30f
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/VizContent.tsx b/src/VizContent.tsx
@@ -161,12 +161,14 @@ const VizContent: React.FC<VizContentProps> = ({ context, flowchartWidget }) =>
 
   return (
     <div style={{ height: '100%', overflowY: 'auto' }}>
-      <NotebookSelector
-        notebookIds={jsonData.notebooks.map(notebook => notebook.notebook_id)}
-        notebookNames={jsonData.notebooks.map(notebook => notebook.notebook_name)}
-        selectedNotebooks={selectedNotebookIds}
-        onSelectionChange={handleNotebookSelection}
-      />
+      <div style={{ position: 'sticky', top: 0, zIndex: 1000, background: 'white' }}>
+        <NotebookSelector
+          notebookIds={jsonData.notebooks.map(notebook => notebook.notebook_id)}
+          notebookNames={jsonData.notebooks.map(notebook => notebook.notebook_name)}
+          selectedNotebooks={selectedNotebookIds}
+          onSelectionChange={handleNotebookSelection}
+        />
+      </div>
       <VizComponent
         data={{ notebooks: selectedNotebooks }}
         onSelectNotebook={handleNotebookSelection}