Short events are almost invisible

[Derkades]

Steps to reproduce

1. Create an event with very short duration (e.g. 1 minute)
2. Observe

Expected behaviour

Events should show with a minimum length like they did before, for example 15 minutes.

Actual behaviour

Events are shown with their actual duration, making them almost invisible.

It might not seem important (who creates events that short?) but it is useful for those with calendar subscriptions where short calendar events represent deadlines.

Calendar app

Calendar app version: (see apps admin page, e.g. 2.0.1) 2.1.2

CalDAV-clients used: (Thunderbird Lightning, DAVx5, Evolution, macOS Calendar, etc) None

[mafgh]

This is also true for 15 Minute durations:

Or shorter/overlapping

[louis-berruyer]

Same problem on my side, it has become simply unreadable!

[daCaPo]

Same problem here. And we have a lot of "deadline-like" events with no duration (start and end date are equal).

[daCaPo]

The same symptom was already adressed in issue #221, and there was even a fix for it. Seems it got lost somehow?

The thin lines are caused by the ".014" inset difference between top and bottom. In the example below, inset: 500px 0% -525px; would produce a reasonable result:

<div class="fc-timegrid-event-harness" style="z-index: 1; inset: 500px 0% -500.014px;">...

Unfortunately, I was not yet able to find the code producing the output.

As a workaround, the CSS

fc-timegrid-event-harness { min-height: 25px; }

seems to work.

[mafgh]

FWIW,

fc-timegrid-event-harness { min-height: 25px; }

doesn't work for me, however adding

.fc-v-event {
    min-height: 2em;
}

to nextcloud/apps/calendar/css/fullcalendar.scs does.

[daCaPo]

It's a pitty that this did not make it into the 2.2.0 release.

[JonathanTreffler]

Duplicate of existing issue: #2644

[alexanderdd]

Duplicate of existing issue: #2644

I agree. So close this one here?
Some of the info here by @daCaPo could be helpful over there at #2644