Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-2676

Header margin-top is 0 when rotating and iPhone with Notch

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.6.0
    • 3.5.2
    • Ionic
    • Hide
      1. Open the app with an iPhone with notch (simulator is required).
      2. Rotate the screen to landscape and check the top bar is not huge.
      3. Check also left and right margins avoids hiding content bellow the notch.
      4. Not rotate again to portrait and check the top header has the same height as the initial.

      Note: In this issue there are some css changes introduced to avoid hiding content at right and left sides when the phone is on landscape. Much more work can be done but this is an initial step and the main content know is correctly shown. We should open a follow up issue to solve all the problems found in the current test and in the release test.

      Show
      Open the app with an iPhone with notch (simulator is required). Rotate the screen to landscape and check the top bar is not huge. Check also left and right margins avoids hiding content bellow the notch. Not rotate again to portrait and check the top header has the same height as the initial. Note: In this issue there are some css changes introduced to avoid hiding content at right and left sides when the phone is on landscape. Much more work can be done but this is an initial step and the main content know is correctly shown. We should open a follow up issue to solve all the problems found in the current test and in the release test.
    • MOODLE_35_STABLE
    • MOODLE_36_STABLE
    • Moodle Mobile 3.6.0

      It happens on the iPhone witth notch.

       

      When rotating, on landscape orientation there's too much space. Then, when on portrait, header space dissapears... It seems cordova is changing the value of the safe-area-inset-top when changing the orientation.

      .statusbar-padding{
         padding-top: calc(env(safe-area-inset-top) + 4px);
      }

            pferre22 Pau Ferrer
            pferre22 Pau Ferrer
            Albert Gasset Albert Gasset
            Juan Leyva Juan Leyva
            Dani Palou Dani Palou
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 2 days
                2d
                Remaining:
                0m
                Logged:
                Time Not Required
                Not Specified

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.