Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-73792

Change padding / margins in the mobile view

XMLWordPrintable

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73792-master
    • Hide
      1. Login as admin
      2. Reduce the browser size to table / mobile view ( < 768 px )
      3. Verify the page margins are only 8px on these pages:
      4. - Homepage
      5. - Calendar
      6. - Course page

      test background

      1. Navigate to Site Administration > Themes > Boost
      2. Upload a background image for the page
      3. View the homepage on a normal size ( > 768px)
      4. Verify you see the uploaded background image
      5. Reduce the browser size to table / mobile view ( < 768 px )
      6. Verify you no longer see the background image
      Show
      Login as admin Reduce the browser size to table / mobile view ( < 768 px ) Verify the page margins are only 8px on these pages: - Homepage - Calendar - Course page test background Navigate to Site Administration > Themes > Boost Upload a background image for the page View the homepage on a normal size ( > 768px) Verify you see the uploaded background image Reduce the browser size to table / mobile view ( < 768 px ) Verify you no longer see the background image

      Observed issues:
      Right now, there’s a lot of padding and margins in the containers. They push the content up to around 38px away from the screen borders
      These different paddings and margins also affect the alignment of page elements (titles, content, etc.)

      Can we please make the border just a standard 8px.

      Original post

      Current page layouts:
      My courses:

      Course page:

      Activity:

      Site administration:

        1. Course Page_Screenshot.PNG
          Course Page_Screenshot.PNG
          104 kB
        2. Dashboard_Screenshot.PNG
          Dashboard_Screenshot.PNG
          102 kB
        3. Home_Screenshot.PNG
          Home_Screenshot.PNG
          98 kB
        4. image-2022-02-24-16-33-22-967.png
          image-2022-02-24-16-33-22-967.png
          407 kB
        5. image-2022-02-24-16-33-51-179.png
          image-2022-02-24-16-33-51-179.png
          228 kB
        6. Screenshot from 2022-02-07 13-51-47.png
          Screenshot from 2022-02-07 13-51-47.png
          42 kB
        7. Screenshot from 2022-02-09 11-59-21.png
          Screenshot from 2022-02-09 11-59-21.png
          28 kB
        8. Screenshot from 2022-02-09 11-59-30.png
          Screenshot from 2022-02-09 11-59-30.png
          61 kB
        9. Screenshot from 2022-02-09 11-59-40.png
          Screenshot from 2022-02-09 11-59-40.png
          65 kB
        10. Screenshot from 2022-02-09 11-59-50.png
          Screenshot from 2022-02-09 11-59-50.png
          56 kB
        11. test background_Step 4.PNG
          test background_Step 4.PNG
          377 kB
        12. test background_Step 6.PNG
          test background_Step 6.PNG
          27 kB

            basbrands Bas Brands
            abgreeve Adrian Greeve
            Huong Nguyen Huong Nguyen
            Shamim Rezaie Shamim Rezaie
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 hours, 31 minutes
                3h 31m

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