Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42948

New calendar week view overlaps buttons/text on mobile

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 20.0, 21.0 [Tentative]
    • Fix Version/s: None
    • Component/s: Calendar
    • Labels:
      None
    • Environment:
      Android/iPhone
      Reduced width simulated in browser
    • Test Plan:
      Hide

      To test, either browse this with a phone or you can use browser developer tools to simulate a smaller interface.

      • On chrome go to More Tools->Developer Tools
      • Click on the icon "Toggle Device Toolbar"
      • Change the device to something like Pixel 2 or iPhone X
      • Change the zoom to something useful

      All of the text and buttons on the calendar should be responsive and not overlap.

      Show
      To test, either browse this with a phone or you can use browser developer tools to simulate a smaller interface. On chrome go to More Tools->Developer Tools Click on the icon "Toggle Device Toolbar" Change the device to something like Pixel 2 or iPhone X Change the zoom to something useful All of the text and buttons on the calendar should be responsive and not overlap.

      Description

      After the new calendar update the calendar doesn't look as well in small (mobile) view as it previously did, mostly on the week view. The other views seem okay.

      This is 20.x/21.x version week view, notice the "Earlier" button and the times on the rows.


      This is the 19.x version week view

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  • Assignee:
                    sfoster9 Shawn Foster
                    Reporter:
                    jonespm Matthew Jones
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    3 Start watching this issue

                    Dates

                    • Created:
                      Updated:

                      Git Integration