Skip to content

Commit

Permalink
MDL-74529 theme_boost: accessible autolink styles from filters.
Browse files Browse the repository at this point in the history
The `autolink` class is used by various filter types to create
hyperlinks within text. Extend existing `aalink` class so they
behave in the same way.
  • Loading branch information
paulholden committed Jun 7, 2022
1 parent 5500d14 commit 6caee96
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 6 deletions.
7 changes: 5 additions & 2 deletions theme/boost/scss/moodle/core.scss
Original file line number Diff line number Diff line change
Expand Up @@ -255,8 +255,11 @@ button.close,
text-align: right;
}

a.autolink.glossary:hover {
cursor: help;
a.autolink {
@extend .aalink;
&.glossary:hover {
cursor: help;
}
}
/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
Expand Down
4 changes: 2 additions & 2 deletions theme/boost/style/moodle.css
Original file line number Diff line number Diff line change
Expand Up @@ -9935,7 +9935,7 @@ a.dimmed_text:visited,
.dimmed_category a {
color: #6a737b; }

.aalink.focus, .aalink:focus,
.aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
#page-footer a:not([class]).focus,
#page-footer a:not([class]):focus,
.arrow_link.focus,
Expand All @@ -9949,7 +9949,7 @@ a:not([class]):focus,
background-color: #d2e8fb;
box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40; }

.aalink:focus:hover,
.aalink:focus:hover, a.autolink:focus:hover,
#page-footer a:not([class]):focus:hover,
.arrow_link:focus:hover,
a:not([class]):focus:hover,
Expand Down
4 changes: 2 additions & 2 deletions theme/classic/style/moodle.css
Original file line number Diff line number Diff line change
Expand Up @@ -9935,7 +9935,7 @@ a.dimmed_text:visited,
.dimmed_category a {
color: #6a737b; }

.aalink.focus, .aalink:focus,
.aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
#page-footer a:not([class]).focus,
#page-footer a:not([class]):focus,
.arrow_link.focus,
Expand All @@ -9949,7 +9949,7 @@ a:not([class]):focus,
background-color: #d2e8fb;
box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40; }

.aalink:focus:hover,
.aalink:focus:hover, a.autolink:focus:hover,
#page-footer a:not([class]):focus:hover,
.arrow_link:focus:hover,
a:not([class]):focus:hover,
Expand Down

0 comments on commit 6caee96

Please sign in to comment.