L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-81241 theme_boost: Ensure footer links have sufficient spacing

Browse Source
This commit is contained in:
Jun Pataleta
2026-03-19 20:32:07 +08:00
parent c5b9e1af04
commit 01ae2a52cb
3 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/core.scss
+12
View File
@@ -2267,6 +2267,11 @@ $footer-link-color: $bg-inverse-link-color !default;
.popover-body {
padding: 0;
.footer-section {
// Add a bottom padding to the direct child divs of the footer-section container so the links within will meet SC 2.5.8.
> div {
padding-bottom: 0.2rem;
}
a {
color: $body-color;
text-decoration: underline;
@@ -2285,6 +2290,13 @@ $footer-link-color: $bg-inverse-link-color !default;
padding-bottom: 5px;
}
.footer-content-popover {
// Ensure that the footer links when rendered out of the popover will also have sufficient spacing and meet SC 2.5.8.
.footer-section > div {
padding-bottom: 0.1rem;
}
}
@include media-breakpoint-up(sm) {
.jsenabled #page-footer .footer-content-popover {
display: none;
theme/boost/style/moodle.css
+7
View File
@@ -25272,6 +25272,9 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
.popover.footer .popover-body {
padding: 0;
}
.popover.footer .popover-body .footer-section > div {
padding-bottom: 0.2rem;
}
.popover.footer .popover-body .footer-section a {
color: #1d2125;
text-decoration: underline;
@@ -25287,6 +25290,10 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
padding-bottom: 5px;
}
.footer-content-popover .footer-section > div {
padding-bottom: 0.1rem;
}
@media (min-width: 576px) {
.jsenabled #page-footer .footer-content-popover {
display: none;
theme/classic/style/moodle.css
+7
View File
@@ -25272,6 +25272,9 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
.popover.footer .popover-body {
padding: 0;
}
.popover.footer .popover-body .footer-section > div {
padding-bottom: 0.2rem;
}
.popover.footer .popover-body .footer-section a {
color: #1d2125;
text-decoration: underline;
@@ -25287,6 +25290,10 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
padding-bottom: 5px;
}
.footer-content-popover .footer-section > div {
padding-bottom: 0.1rem;
}
@media (min-width: 576px) {
.jsenabled #page-footer .footer-content-popover {
display: none;