[MDL-40722] Clean theme: Resizing 3 column page with all blocks on the left is not displayed correctly - Moodle Tracker

XML

Word

Printable

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
Epic Link:
Bootstrap and Clean theme
Pull from Repository:
git://github.com/andrewnicols/moodle.git
Pull Master Branch:
~~MDL-40722~~-master
Pull Master Diff URL:
https://github.com/andrewnicols/moodle/compare/68291f2...MDL-40722-master

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.

caused a regression

MDL-44074 MDL-39824 missed setting correct span calculations for 768px-979px and 1200px+ displays.

duplicates

MDL-42445 Forum blocks and main region broken on small screen

has a non-specific relationship to

MDL-42682 Fix display alignment and content for forum discussion in Clean theme

is a regression caused by

MDL-39824 Simplification of themes

is duplicated by

MDL-40791 Clean theme: Block region width on some pages is too narrow on small screens

MDL-40923 Bootstrap responsiveness seems broken

MDL-42445 Forum blocks and main region broken on small screen

(2 is duplicated by)