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

    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 (Obsolete):
      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.

        Gliffy Diagrams

          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