Skip to content

simplify the UI of Notebook Editor #1493

@stevenlis

Description

@stevenlis

The new Notebook Editor is an amazing new data science feature in vscode for sure. I'd like to make some suggestions in terms of its user interface, however.

  1. the buttons between the input and output cells is very disturbing
    Snipaste_104
    The gap between them also looks a little bit weird. I haven't seen any Jupyter user interface designs that put something between the inputs and outputs. Could you guys please consider moving them to the top?
    Snipaste_321

  2. I don't think it is necessary to break the vertical bar into two bars and add an indentation for the output cell. I think the background color of the cell already indicates one is cell and another one is the output area. The color change while editing a cell also seems unnecessary since you literally can see your cursor there. I suggest we align them like Jupyter Lab or add a shadow like Colab.
    image
    image
    image
    image

There are just way too many elements in the Editor.
image

Please consider making it as simple as Jupyter Lab where all the buttons are on the top and nothing is around your code and output except the runtime order number.
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions