LearnNewsExamplesServices
Frontmatter
id2446
titlecalendar.view.week.EventDragZone: add the event overflow logic
stateClosed
labels
enhancement
assigneestobiu
createdAtJun 22, 2021, 8:18 PM
updatedAtJun 24, 2021, 2:30 PM
githubUrlhttps://github.com/neomjs/neo/issues/2446
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJun 24, 2021, 2:30 PM

calendar.view.week.EventDragZone: add the event overflow logic

Closed v8.1.0 enhancement
tobiu
tobiu commented on Jun 22, 2021, 8:18 PM

this one is complicated, since we need 2 different versions of the overflow styling:

  1. one cell, no visual end time
  2. two cells in case the end time is shown

since has() css selectors are not available yet, we need to add a second css selector to apply different stylings.

tobiu added the enhancement label on Jun 22, 2021, 8:18 PM
tobiu assigned to @tobiu on Jun 22, 2021, 8:18 PM
tobiu referenced in commit 1f288e2 - "#2446 in progress" on Jun 22, 2021, 8:19 PM
tobiu referenced in commit 0ce37cb - "#2446 enhanced styling" on Jun 23, 2021, 5:42 PM
tobiu
tobiu Jun 24, 2021, 2:30 PM

If the height is too little, the title moves into the first “row”

Screenshot 2021-06-23 at 17 43 37

it gets more tricky in case we show end times:

Screenshot 2021-06-23 at 17 43 06

In case height is “one row”, move the title to the top as well and do not show the end time at all (otherwise the title is too short) for a height of “two rows”: keep the title inside the first row, the end time inside the next row:

Screenshot 2021-06-23 at 17 43 22

tobiu closed this issue on Jun 24, 2021, 2:30 PM