Skip to content

Redesign Cell Navigation Bar, Remove cell active blue bar & include cell execution time #11162

@cindyytong

Description

@cindyytong

As a Jupyter user I want an easy way to

  • easily run and stop cells
  • understand at a glance what's executing, what's queued, and what's stale

Key considerations:

  1. Visual indicators that don't clutter
  2. Accessibility best practices
  3. Queue visibility when multiple cells are running
  4. Stale cell indicators for changed but not rerun cells
  5. Established design patterns that are familiar

Design states to consider:

  1. Cell that has not been run
  2. Running a cell and scrolling away from it while it is running
  3. Queued cell
  4. Errored cell
  5. Stopping a cell
  6. Cell with only 1 line of code
  7. Cell with multiple lines of code
  8. Cell with wide outputs

Expected changes:

  1. Move run cell button into the cell navigation bar, ensure that wehn a cell is running we still show the stop button and some visual affordance for the cell is running
  2. Move cell navigation bar to the left
  3. Remove cell active blue bar and instead use the cell outline to indicate active, hover, unselected cell
  4. Move cell execution status to bottom row of code cell. This execution stats should use different icons for running cell, completed cell, errored cell, queued cell
  5. Include cell run time and Last executed time in this row

Metadata

Metadata

Assignees

Labels

area: notebooksIssues related to Notebooks category.

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions