Skip to content

Improve Calendar presentation for more efficient use of space and improved font size legibility #5337

@gmejzej

Description

@gmejzej
  • [X ] This is a missing functionality report.
  • [X ] I've searched and did not find a similar issue.

Bug in mobile app
iPhone iOS is primarily what I am reporting on; although, the problem exists in Desktop App to a lesser extent when in "Agenda" mode

Describe the bug
Problem/Example-1) In Tutanota's iPhone iOS "Month" view, when selecting a day's calendar entry the hours of the day are spread out over a lot of space. Even worse, if the day's events consist only of All-Day events, Calendar squishes the All-Day events to the top of display in small font and presents pages of empty "hours of day" space for the rest of the screen. I only use All-Day events but if a user does use a start-time and end-time, they are left scrolling through pages trying to find the start times of their events, which is very inefficient. It would be great if when selecting a day's events in Month view if the presentation could resemble Tutanota's "Agenda" presentation. Apple Calendar displays Month view events (even events with a start-time and end-time assigned) in a presentation that resembles Tutanota's Agenda presentation.

Problem/Example-2) In Tutanota's iPhone iOS and Desktop App "Agenda" view, the font in the rectangular boxes for All-Day events is much smaller than it could be. Using a larger font would greatly improve readability. (I very much like how Tutanota contains an event in a rectangular box. I hope you keep this rectangular box presentation. But the font inside the rectangular box should be made larger.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Tutanota Calendar app on iPhone iOS.
  2. Click on "+" to create new event for whatever date is today.
  3. Assign the title "Event-1" and enable "All Day" before clicking "Save"
  4. Click on "+" to create another new event.
  5. Assign the title "Event-2" and enable "All Day" before clicking "Save"
  6. Click on "+" to create a 3rd new event.
  7. Assign the title "Event-3" and start time of 20:00 and end time of 21:00 before clicking "Save"
  8. In Calendar, click the hamburger menu and select "Month"
  9. From Month view, click on one of the events you created above.
  10. Notice how there are 2 small rectangular boxes at the top of the screen that represent your events. And then depending on what time of day it is, there is lots of blank space before specific event times are listed? A day of nothing but All-Day events shows small rectangles at the top and pages of empty space below.

Expected behavior
Events should be displayed in an "Agenda" style presentation when selecting an event in Month view and the rectangular boxes and font should be larger. And when displaying Agenda view, the font inside the rectangular boxes should be larger than it currently is.

Screenshots
Tutanota 'Month' view

iPhone iOS 'Month' view

Tutanota 'Agenda' view's font looks much smaller on mini iPhone screen

Smartphone (please complete the following information):

  • Device: iPhone 13 Mini
  • OS: iOS 16.3.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugbroken functionality, usability problems, unexpected errorsuivisual glitches, missing buttons, wrong text...

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions