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

    • Bug
    • Status: Closed
    • Blocker
    • Resolution: Fixed
    • 2.5.1
    • 2.6
    • Themes
    • MOODLE_25_STABLE
    • MOODLE_26_STABLE
    • MDL-40722-master
    • 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
    • 13
    • 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

              dobedobedoh Andrew Lyons
              dasistwas David Bogner
              Rossiani Wijaya Rossiani Wijaya
              Damyon Wiese Damyon Wiese
              Ankit Agarwal Ankit Agarwal
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              11 Vote for this issue
              Watchers:
              20 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                18/Nov/13