mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-03-17 22:20:00 +01:00
Code Issues Projects Releases Wiki Activity

MDL-74297 core: Scroll and sticky heading/footer updates

Browse Source
This commit is contained in:
Peter Dias 2022-04-04 14:24:56 +08:00
parent b5f51883f0
commit d693e93969
7 changed files with 51 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
theme/boost/amd/build/drawers.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
theme/boost/amd/build/drawers.min.js.map
View File

File diff suppressed because one or more lines are too long

4
theme/boost/amd/src/drawers.js
View File

@ -456,7 +456,7 @@ export default class Drawers {
getBackdrop().then(backdrop => {
backdrop.show();
const pageWrapper = document.getElementById('page-wrapper');
const pageWrapper = document.getElementById('page');
pageWrapper.style.overflow = 'hidden';
return backdrop;
})
@ -522,7 +522,7 @@ export default class Drawers {
backdrop.hide();
if (isSmall()) {
const pageWrapper = document.getElementById('page-wrapper');
const pageWrapper = document.getElementById('page');
pageWrapper.style.overflow = 'auto';
}
return backdrop;

2
theme/boost/scss/moodle/grade.scss
View File

@ -427,7 +427,7 @@
tr.heading {
position: sticky;
top: 0;
top: 0vh;
z-index: 1;
}

19
theme/boost/scss/moodle/sticky-footer.scss
View File

@ -13,7 +13,9 @@ body {
display: flex;
flex-direction: column;
#page {
flex: 1 0 auto;
&:not(.drawers) {
flex: 1 0 auto;
}
display: flex;
flex-direction: column;
#page-content {
@ -25,3 +27,18 @@ body {
}
}
}
@include media-breakpoint-down(sm) {
#page-wrapper {
height: 100%;
display: flex;
flex-direction: column;
#page {
&:not(.drawers) {
flex: 1 0 auto;
}
display: flex;
flex-direction: column;
}
}
}

16
theme/boost/style/moodle.css
View File

@ -19575,7 +19575,7 @@ p.arrow_button {
.path-grade-report-grader .gradeparent tr.heading {
position: sticky;
top: 0;
top: 0vh;
z-index: 1; }
.path-grade-report-grader .gradeparent tr.lastrow {
@ -19921,14 +19921,26 @@ body {
display: flex;
flex-direction: column; }
#page-wrapper #page {
flex: 1 0 auto;
display: flex;
flex-direction: column; }
#page-wrapper #page:not(.drawers) {
flex: 1 0 auto; }
#page-wrapper #page #page-content {
flex: 1 0 auto; }
#page-wrapper #page-footer {
flex-shrink: 0; } }
@media (max-width: 767.98px) {
#page-wrapper {
height: 100%;
display: flex;
flex-direction: column; }
#page-wrapper #page {
display: flex;
flex-direction: column; }
#page-wrapper #page:not(.drawers) {
flex: 1 0 auto; } }
.popover-region {
position: relative; }
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {

16
theme/classic/style/moodle.css
View File

@ -19575,7 +19575,7 @@ p.arrow_button {
.path-grade-report-grader .gradeparent tr.heading {
position: sticky;
top: 0;
top: 0vh;
z-index: 1; }
.path-grade-report-grader .gradeparent tr.lastrow {
@ -19867,14 +19867,26 @@ body {
display: flex;
flex-direction: column; }
#page-wrapper #page {
flex: 1 0 auto;
display: flex;
flex-direction: column; }
#page-wrapper #page:not(.drawers) {
flex: 1 0 auto; }
#page-wrapper #page #page-content {
flex: 1 0 auto; }
#page-wrapper #page-footer {
flex-shrink: 0; } }
@media (max-width: 767.98px) {
#page-wrapper {
height: 100%;
display: flex;
flex-direction: column; }
#page-wrapper #page {
display: flex;
flex-direction: column; }
#page-wrapper #page:not(.drawers) {
flex: 1 0 auto; } }
.popover-region {
position: relative; }
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {