From 510ab5e32cdbc1e78ffdbc044649666c4a6b6d54 Mon Sep 17 00:00:00 2001 From: Bas Brands Date: Mon, 8 Jun 2020 14:27:57 +0200 Subject: [PATCH] MDL-68963 theme_boost: fix safari focus outline for radio and checkbox - safari does not support the custom styles for radios and checkboxes added in MDL-67874 --- theme/boost/scss/moodle/core.scss | 11 +++++++++++ theme/boost/style/moodle.css | 5 +++++ theme/classic/style/moodle.css | 5 +++++ 3 files changed, 21 insertions(+) diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss index afd70e888ee..ac58e81402d 100644 --- a/theme/boost/scss/moodle/core.scss +++ b/theme/boost/scss/moodle/core.scss @@ -179,6 +179,17 @@ button.close { } } +// Safari does not allow custom styling of checkboxes. +.safari { + input[type="checkbox"], + input[type="radio"] { + &.focus, + &:focus { + outline: auto; + } + } +} + .usermenu, div.dropdown-item { a, diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css index 811f3c1bcde..c9fc67172b4 100644 --- a/theme/boost/style/moodle.css +++ b/theme/boost/style/moodle.css @@ -9807,6 +9807,11 @@ a.dropdown-toggle:focus:hover, button.close:focus:hover { text-decoration: none; } +.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, +.safari input[type="radio"].focus, +.safari input[type="radio"]:focus { + outline: auto; } + .usermenu a, .usermenu a[role="button"], div.dropdown-item a, diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css index 640491628ef..9dcb3724260 100644 --- a/theme/classic/style/moodle.css +++ b/theme/classic/style/moodle.css @@ -10012,6 +10012,11 @@ a.dropdown-toggle:focus:hover, button.close:focus:hover { text-decoration: none; } +.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, +.safari input[type="radio"].focus, +.safari input[type="radio"]:focus { + outline: auto; } + .usermenu a, .usermenu a[role="button"], div.dropdown-item a, -- 2.17.1