Skip to content

Improve design of recurrence modal #7349

@st3iny

Description

@st3iny

Increasing the height could be a quick fix, and in the long term it could go in a modal as it this quite a complicated task. Would be a follow up to #3543

  • Clicking on the + button or edit button for recurrence in the sidebar would open this modal

  • If no recurrence is set, the modal opens with the weekly recurrence selected (similar to google's modal)

In the modal itself

  • Use vue components for everything

  • For weekly recurrence by day and monthly recurrence by date, use circular buttons

  • The end date selection (never, on date, after) is not a dropdown but radio buttons

    • Inline date picker for "on date" option

    • Inline number input for "after" option

  • There is a done button to confirm the settings

  • Summary of the recurrence (Repeats daily, Repeats monthly until 12/12/2024, etc) is shown on the left of the done button

Mockups:

Frame 46

Frame 41

Frame 42

Frame 43

Frame 44

Frame 45

Originally posted by @nimishavijay in #4618

Metadata

Metadata

Assignees

No one assigned

    Labels

    1. to developAccepted and waiting to be taken care ofFeature: EditordesignRelated to design, interface, interaction design, UX, etc.enhancementNew feature requestskill:frontendIssues and PRs that require JavaScript/Vue/styling development skills

    Projects

    Status

    📄 To do

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions