Description
Problem
Currently "Click to add a cell" is rendered as a part of background / outer notebook area (grey in the JupyterLab light theme) under the drop shadow from the notebook / inner notebook area (white in the JupyterLab light theme).
To me it seems that the way how button is rendered in JupyterLab, as a part of notebook / inner notebook area (white in the JupyterLab light theme) is easier to read / parse. As an added bonus, this would make design language used in lab and notebook more consistent.
Proposed Solution
Render "Click to add a cell" button as a part of notebook / inner notebook area (white in the JupyterLab light theme).
In particular white space at the bottom of inner notebook area could be made larger to accommodate the button when hovering in a way that there would be no need to add / "pop-in" any artificial white space.


It would make sense to add the same amount of white space to at the top of the notebook for visual balance.
Activity
jtpio commentedon Jan 21, 2025
Thanks @andrii-i.
Isn't rendering the button as part of the notebook going to add some artificial white space at the bottom of the notebook, to accommodate for the button when hovering?
andrii-i commentedon Jan 21, 2025
@jtpio thank you for looking into this. It would, I was thinking that white space at the bottom of inner notebook area could be made larger to accommodate the button when hovering in a way that there would be no need to add / "pop-in" any artificial white space.
Fix for issue jupyter#7565 on Click to add a cell button not to be in…