Full screen event detail view

[drankinatty]

How to use GitHub

• Please use the 👍 reaction to show that you are interested into the same feature.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.

It is frustrating when viewing a calendar entry in a pop-up to select "more" and have the pop-up embed itself in the right side of the browser calendar display. This reduces the width of the information display, cuts off information, and wraps any descriptive text greater than 32 characters (or so). For example, when clicking an entry, a nice pop-up appears:

It could be a little wider, but that's likely browser dependent. However, when you click more, the pop-up disappears and the entire entry is embedded in the right side of the calendar. In the format of a slide out that w3schools was providing as a "hot" example a couple of years ago. E.g.

Here, the description text is wrapped and jumbled as well as the reminder information. The irony is you actually see "Less" information after pressing "More" and you then must use a scrollbar in the reduced with right-side display anyway to see any additional calendar event information. What's the point??

Describe the solution you'd like

Just add a scrollbar (auto-scroll) in the existing pop-up. Nothing could be simpler, and that would preserve the dialog width and allow the descriptive text and controls to display without wrapping. Leave the trendy JS slide-out to the w3scools example pages. KISS is always the best policy.

Describe alternatives you've considered

There really are not a lot of alternatives. The one obvious solution is by far the simplest to implement and would save Nextcloud 20-50 lines of code. Just use the existing pop-up...

Additional context

This really goes to readability and proper display of information. Trying to wedge the information in a slide-out on the right side, leaves the calendar event without enough room to display properly and at the same time compacts the actual calendar display to the point other events are unreadable.

[miaulalala]

We're currently working on a design improvement for the Calendar, so this might be solved soon:

#3543

[drankinatty]

Awesome. I really like the NC backend. I've used other LAMP groupware packages for decades (primarily eGroupware), and NC has some advantages, and a few disadvantages. Screen real-estate utilization is where good improvement can be made. I look forward to the updates and I don't mind helping out and providing feedback. (it will take me a bit longer to make friends with vue hieroglyphics...)

[marcoambrosini]

Google's event editing page

[marcoambrosini]

Waiting for @jancborchardt on this one

[jancborchardt]

@ChristophWurst @SebastianKrupinski @marcoambrosini sounds good to me if we use our modal. As @marcoambrosini said then the content doesn’t shift around, and it’s not completely fullscreen so you have all the room but still having some context. :)

[ChristophWurst]

and it’s not completely fullscreen so you have all the room but still having some context.

it would be best if you could sketch a mockup so we are talking about the same type of modal. A modal does overlap the main content. You can see parts of your calendar at the edges but you will not be able to scroll or navigate. Is that acceptable?

[marcoambrosini]

Design call outcome: for now we just move the current sidebar into a dialog size large

[ChristophWurst]

We will put this task on hold. While we thought it's possible to chop this into multiple small changes, we realized that the feature doesn't lend itself for this. E.g. when moving the sidebar contents in a modal we'll lose the tabs, which only exists for sidebars. And one of the objectives of this change is to make free busy easier accessible, which it won't be when we move the sidebar contents into one long column.