MDL-76150 theme_boost: fix sticky header position on narrow screens

This commit is contained in:
Shamim Rezaie
2023-04-05 11:25:14 +01:00
committed by Paul Holden
parent 6ca40f597f
commit 5a890b5ff1
3 changed files with 26 additions and 3 deletions
+6 -1
View File
@@ -537,8 +537,13 @@
}
th.header {
@include media-breakpoint-down(sm) {
left: 0;
}
@include media-breakpoint-up(md) {
left: -3rem;
}
position: sticky;
left: -3rem;
z-index: 1;
}
+10 -1
View File
@@ -34989,9 +34989,18 @@ p.arrow_button {
}
.path-grade-report-grader .gradeparent th.header {
position: sticky;
left: -3rem;
z-index: 1;
}
@media (max-width: 767.98px) {
.path-grade-report-grader .gradeparent th.header {
left: 0;
}
}
@media (min-width: 768px) {
.path-grade-report-grader .gradeparent th.header {
left: -3rem;
}
}
.path-grade-report-grader .gradeparent td.noborder {
border-right: transparent;
}
+10 -1
View File
@@ -34989,9 +34989,18 @@ p.arrow_button {
}
.path-grade-report-grader .gradeparent th.header {
position: sticky;
left: -3rem;
z-index: 1;
}
@media (max-width: 767.98px) {
.path-grade-report-grader .gradeparent th.header {
left: 0;
}
}
@media (min-width: 768px) {
.path-grade-report-grader .gradeparent th.header {
left: -3rem;
}
}
.path-grade-report-grader .gradeparent td.noborder {
border-right: transparent;
}