From 6caee96d21e78e31dc94bcb74e0d585fd81bb71f Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Tue, 26 Apr 2022 13:39:09 +0100
Subject: [PATCH] MDL-74529 theme_boost: accessible autolink styles from
 filters.

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.
---
 theme/boost/scss/moodle/core.scss | 7 +++++--
 theme/boost/style/moodle.css      | 4 ++--
 theme/classic/style/moodle.css    | 4 ++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index b16065ece18..1e52cf0e685 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -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 {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index d0f17200809..d3306c86496 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -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,
@@ -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,
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 74a3d784a89..69eda50fc6e 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -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,
@@ -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,