Display "Click to add a cell" button as a part of notebook, not background

[andrii-i]

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.

Notebook:

JupyterLab:

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.

[jtpio]

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]

@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.