To address feedback we received when the watch star popup was temporarily deployed, we want to implement new designs on desktop and mobile. This ticket is scoped to the desktop experience, where we don't need to make significant changes.
Acceptance criteria
- Clicking the watchstar on an unwatched page:
- watches the page
- opens the popover with options to manage expiry and manage labels
- After the popover is opened:
- clicking anywhere off of the popover closes it
- clicking the close icon (X) on the popover closes it
- a timeout (5s) closes it (clicking on any place inside the popover pauses (and resets) the timeout)
- hitting Esc key on the keyboard closes it
- Clicking the watchstar on a watched page:
- unwatches the page
- opens the popover with appropriate message an "Undo" button to re-watch the page
- After the popover is opened:
- clicking anywhere off of the popover closes it
- clicking the close icon (X) on the popover closes it
- a timeout (5s) closes it (clicking on any place inside the popover pauses (and resets) the timeout)
- hitting Esc key on the keyboard closes it
- selecting Undo re-watches the page with the same expiry settings and labels as were previously assigned to this page
Figma: design
Figma prototype: design
