MDL-75490 lib: Update footer to pass accessibility tests with axe

This commit is contained in:
Kevin Percy 2022-11-11 10:57:19 +08:00
parent 7f4ca89a79
commit d2266a491e
4 changed files with 13 additions and 3 deletions

View File

@ -2341,6 +2341,10 @@ $footer-link-color: $bg-inverse-link-color !default;
}
}
.footer-support-link {
padding-bottom: 5px;
}
@include media-breakpoint-up(sm) {
.jsenabled #page-footer .footer-content-popover {
display: none;

View File

@ -11739,6 +11739,9 @@ ul {
.popover.footer .popover-body .footer-section a:focus {
text-decoration: none; }
.footer-support-link {
padding-bottom: 5px; }
@media (min-width: 576px) {
.jsenabled #page-footer .footer-content-popover {
display: none; }

View File

@ -42,15 +42,15 @@
{{# output.has_popover_links }}
<div class="footer-section p-3 border-bottom">
{{# output.page_doc_link }}
<div>{{{ output.page_doc_link }}}</div>
<div class="footer-support-link">{{{ output.page_doc_link }}}</div>
{{/ output.page_doc_link }}
{{# output.services_support_link }}
<div>{{{ output.services_support_link }}}</div>
<div class="footer-support-link">{{{ output.services_support_link }}}</div>
{{/ output.services_support_link }}
{{# output.supportemail }}
<div>{{{ output.supportemail }}}</div>
<div class="footer-support-link">{{{ output.supportemail }}}</div>
{{/ output.supportemail }}
</div>
{{/ output.has_popover_links }}

View File

@ -11739,6 +11739,9 @@ ul {
.popover.footer .popover-body .footer-section a:focus {
text-decoration: none; }
.footer-support-link {
padding-bottom: 5px; }
@media (min-width: 576px) {
.jsenabled #page-footer .footer-content-popover {
display: none; }