Give "Loading more cells..." lots of vertical space so scroll restora…

…tion works better on Firefox (#2901)
fonsp · Apr 19, 2024 · 126f25c · 126f25c
1 parent b4066d3
commit 126f25c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/components/Notebook.js b/frontend/components/Notebook.js
@@ -214,7 +214,13 @@ export const Notebook = ({
                     />`
                 )}
             ${cell_outputs_delayed && notebook.cell_order.length >= render_cell_outputs_minimum
-                ? html`<div style="font-family: system-ui; font-style: italic; text-align: center; padding: 5rem 1rem;">Loading more cells...</div>`
+                ? html`<div
+                      style="font-family: system-ui; font-style: italic; text-align: center; padding: 5rem 1rem; margin-bottom: ${(notebook.cell_order.length -
+                          render_cell_outputs_minimum) *
+                      10}rem;"
+                  >
+                      Loading more cells...
+                  </div>`
                 : null}
         </pluto-notebook>
     `