epam / ketcher

Web-based molecule sketcher
https://lifescience.opensource.epam.com/ketcher/demo.html
Apache License 2.0
441 stars 158 forks source link

Starting new sequences with "Plus" icon on canvas #4887

Open olganaz opened 1 week ago

olganaz commented 1 week ago

Background The current method of starting a new sequence with a right-click in sequence mode is not intuitive for users. An explicit UX approach that clearly indicates how to start a new chain should be implemented.

Requirements

  1. If the canvas is empty in sequence mode the "plus" icon should be displayed in top left corner of the visual area. See mockups.
  2. When hovering on the "plus" button it should change the color from grey to blue and a tooltip "Start new sequence" should be displayed (see mockups).
  3. If there is at least one sequence on the canvas, a different visual element should be used to start a new sequence (similar to the element used in a text editor for adding a new row to a table, see mockups). Additionally, it should be possible to start a new sequence between existing sequences.
  4. Clicking on the "plus" button should result in turning on of editing mode and displaying of a grid. The grid should start at the same location as the plus button, with the cursor automatically placed in the first cell of the first row of the grid.
  5. [DRAFT] "Plus" button should also be available in text-editing mode.

UX

TBD