Updated text / layout of event boxes has some issues

[jancborchardt]

Steps to reproduce

1. Open any of the views except list view
2. See that there’s weird line breaking between time and title which wasn’t there before

Not sure if this has to do either with the introduction of the icons for events being shared and having reminders, or changing from ellipsizing to showing the full event name, or both.

Expected behavior

Month view should only have 1 line per event. Only show start time of the event, and ellipsize the title. Icons for reminder and shared state are not necessary here as there is simply no space. Ref Google Calendar and Outlook (note Outlook has these "event icons" in front of the title which can be customized, let’s ignore those):

---

Week view and day view should have the text of the event first. The time (both beginning and end) in the last possible line, and the icons if at all can go on the same line as the time, on the right. That way it doesn’t cut anything from the title.

Outlook doesn’t even show the time in the event bubble itself (which I find a bit too little info tbh and especially for Friday/Sat/Sun events you have to jump to the left:

Actual behaviour

There is always 1 line with the time and then it breaks for the text:

In the day and week view there was even this curiosity – first even breaks without needing to, and the second event for some reason has a small title?

Calendar app version

3.4.0

Browser

Firefox 102.0b7

Client operating system

Ubuntu 20.04

Server operating system

cloud.nextcloud.com

Nextcloud version

24

[Zaxooy]

Just to add another point of this issue: After the latest update (3.4.1) in the monthly view the colors of events having a time are missing (tried 2 different browsers):

[quentinDupont]

I confirm that after 3.4.1 update, color desapears on events in monthly view (except for event during all day long)
Same issue or we create an other one ?

[ChristophWurst]

That is because of #4324. We had to accept the design regression so the calendar renders at least.

Same issue or we create an other one ?

#4290.

[dinosmm]

This is a much better report for #4316, am I understanding correctly that these layout problems have now been acknowledged as a bug and will be worked on for a future version?

[daumas-git]

For me the events overflow on the others, with last version :

[genofire]

Same problem like @daumas-git -> we downgrade from 3.4.1 to 3.3.2 - (no idea when this happens on 3.4.0 or 3.4.1)

[ChristophWurst]

Fixed with #4351

[JuliaKirschenheuter]

I've started to fix several visual bugs. But then saw very weird behavior with reactivity #4336 and #4334. Right now it is not possible to continue with this ticket, because the way of using EventRender.vue is unfortunately wrong, and as an easy/quick fix was to revert this changes: #4351.

• First the right way of using EventRender.vue should be found
• Then the design / css could be adapted to the new structure

[miaulalala]

I just released a pre- release for Calendar (v3.4.2-RC.1). Can people test and give us feedback if possible?

Thanks!!! 🙏

[rigrig]

From a quick test: seems to work OK for me.
Tested:

• switched between Day/Week/Month/List view (Month was broken for me with 3.4.1, now fixed in v3.4.2-RC.1)
  • single-day events with time get a colored circle
  • full-day events, and events spanning multiple days get solid calendar background color
  • events with too-long-to-fit titles are truncated so they fit (with ellipsis…) exactly in a column
• created an event
• dragged the event to a different day

[dinosmm]

  * events with too-long-to-fit titles are truncated so they fit (with ellipsis…) exactly in a column

I am away and not able to test this at the moment - are events now back on a single line in month view, regardless of whether they have a notification icon or not?

[rigrig]

They are back on a single line, but without any icons:

Didn't think to test that before, but setting a reminder does not show up as icon (in any view mode)

[miaulalala]

They are back on a single line, but without any icons:

Didn't think to test that before, but setting a reminder does not show up as icon (in any view mode)

Yeah this has been reverted (#3162) for now. We're working on getting the events back!

Thanks for testing!

[dinosmm]

Yeah this has been reverted (#3162) for now. We're working on getting the events back!

Once the icons are back, will the events stay as one-liners please, rather than revert to the difficult-to-read two-liner format?