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

Clean theme: Resizing 3 column page with all blocks on the left is not displayed correctly

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Blocker
    • Resolution: Fixed
    • Affects Version/s: 2.5.1
    • Fix Version/s: 2.6
    • Component/s: Themes
    • Testing Instructions:
      Hide

      Although this css is only within the @media (max-width: 768px) section, it may be worth testing on other screen sizes just to make certain.

      • Navigate around Moodle on a narrow device
      • Ensure that all blocks are full width
      • Make sure that you check out as many different pages as you can with as many different layouts as possible
      Show
      Although this css is only within the @media (max-width: 768px) section, it may be worth testing on other screen sizes just to make certain. Navigate around Moodle on a narrow device Ensure that all blocks are full width Make sure that you check out as many different pages as you can with as many different layouts as possible
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull Master Branch:
      MDL-40722-master
    • Story Points:
      13
    • Sprint:
      FRONTEND Sprint 6

      Description

      Following settings:

      Course main page (usually 3 columns)
      I move all blocks to the left.
      I make the screen resolution smaller than 768px

      Result:
      The blocks on the left side are far too narrow, they should be larger. Responsiveness fails.

        Attachments

        1. 1 portrait.png
          1 portrait.png
          91 kB
        2. 2 from-portrait-to-landscape.png
          2 from-portrait-to-landscape.png
          98 kB
        3. 3 landscape-after-scaling.png
          3 landscape-after-scaling.png
          92 kB
        4. 4 from-landscape-to-portrain-after-scaling.png
          4 from-landscape-to-portrain-after-scaling.png
          92 kB
        5. 5 portrait-forum-posts.png
          5 portrait-forum-posts.png
          140 kB
        6. MDL-40722.jpg
          MDL-40722.jpg
          42 kB
        7. MDL-40722-2.png
          MDL-40722-2.png
          239 kB
        8. MDL-40722-workflow.jpg
          MDL-40722-workflow.jpg
          109 kB

          Issue Links

            Activity

              People

              • Votes:
                11 Vote for this issue
                Watchers:
                20 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  18/Nov/13