1
0
mirror of https://github.com/moodle/moodle.git synced 2025-04-25 10:26:17 +02:00

MDL-56630 theme_boost: show blocks under content on small screens

This is tablet size and down.
This commit is contained in:
Damyon Wiese 2016-10-31 12:01:02 +08:00
parent c9af13123d
commit a0bdffbd73
2 changed files with 14 additions and 14 deletions
theme/boost
scss/moodle
templates

@ -62,3 +62,9 @@ $blocks-plus-gutter: $blocks-column-width + $grid-gutter-width;
width: 100%;
}
}
[data-region="blocks-column"] {
@include media-breakpoint-down(md) {
width: 100%;
}
}

@ -65,23 +65,12 @@
<div id="page-content" class="row">
<div id="region-main-box" class="col-xs-12">
{{#hasblocks}}
<section data-region="blocks-column" class="hidden-md-down">
{{{ sidepreblocks }}}
</section>
{{#hasregionmainsettingsmenu}}
<div id="region-main-settings-menu" class="has-blocks">
<div> {{{ regionmainsettingsmenu }}} </div>
</div>
{{/hasregionmainsettingsmenu}}
<section id="region-main" class="has-blocks">
{{/hasblocks}}
{{^hasblocks}}
<div id="region-main-settings-menu">
<div id="region-main-settings-menu" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
<div> {{{ output.region_main_settings_menu }}} </div>
</div>
<section id="region-main">
{{/hasblocks}}
{{/hasregionmainsettingsmenu}}
<section id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
<div class="card card-block">
{{#hasregionmainsettingsmenu}}
<div class="region_main_settings_menu_proxy"></div>
@ -91,6 +80,11 @@
{{{ output.course_content_footer }}}
</div>
</section>
{{#hasblocks}}
<section data-region="blocks-column">
{{{ sidepreblocks }}}
</section>
{{/hasblocks}}
</div>
</div>
</div>