Feature #33682

Calendar UI proposal (Vertical list layout)

Added by Akiko Takano 10 months ago. Updated 9 months ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:


Target version:-


I think the default calendar layout for responsive mode is small and a little hard to see.

It would be user-friendly if the user could change the calendar view from the default to a vertical list style.

I've just created the theme which can change calendar view via JavaScript.
I attached the sample screenshot. I hope it would be help.

calendar-ui-proposal.png (224 KB) Akiko Takano, 2020-06-30 15:22


#1 Updated by Mizuki ISHIKAWA 10 months ago


I think the layout of calendar-ui-proposal.png is very good.
In the current layout, there are many line breaks in the issue information and it is difficult to read.

#2 Updated by Go MAEDA 9 months ago

Nice improvement!

I think the button to switch the view is unnecessary because the current calendar view in the mobile mode is not useful. In the mobile mode, showing in a vertical list layout by default is better, I think.

#3 Updated by Akiko Takano 9 months ago

Thanks for your feedback.

showing in a vertical list layout by default is better, I think.

I agree with you.
Looking forward to improving the UI. 

#4 Updated by Akipii Oga 9 months ago


#5 Updated by Holger Just 9 months ago

  • Description updated (diff)

#6 Updated by Holger Just 9 months ago

I like this proposal.

If you can implement the new mobile layout in CSS only (that is: without requiring different HTML from the tabular view), this can be included in the default mobile theme easily. Here, we already apply different layouts based on the browser window width using CSS @media queries.

Also available in: Atom PDF