Skip to content

[scheduler][joy] Limit the amount of visible events in the Day Grid based components and add a "show all" toggle UI #17722

Open
@flaviendelangle

Description

@flaviendelangle

Follow up on #17713

When many events are rendered in a Day Grid based component (the month view, the all-day UI for the week and day views), it can take a lot of space at the top of the Event Calendar or even overflow if the height is limited.

In this PR:

  • Add a new prop to determine the max amount of all-day event to render by default
  • Add a UI to show more events (should probably be an expand / collapse toggle for the MVP)

Not in this PR:

  • Allow to build a custom UI to show more all-day events

MobiScroll (Popover):

Image

Toast UI (expand / collapse):

Image

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: schedulerThis is the name of the generic UI component, not the React module!designThis is about UI or UX design, please involve a designeron holdThere is a blocker, we need to wait

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions