From 6704b2b5a4d39ab42d0ce4d3d62391ebfb414f97 Mon Sep 17 00:00:00 2001 From: Andrew Nicols Date: Tue, 8 Dec 2020 14:47:58 +0800 Subject: [PATCH] MDL-66979 behat: Pad messaging drawer This works around an issue highlighted by MDL-70411 whereby some of the messaging links are covered by the scrollbar in Firefox on MacOS. --- theme/boost/scss/moodle/debug.scss | 7 +++++++ theme/boost/style/moodle.css | 3 +++ theme/classic/style/moodle.css | 3 +++ 3 files changed, 13 insertions(+) diff --git a/theme/boost/scss/moodle/debug.scss b/theme/boost/scss/moodle/debug.scss index a534c9cbfbc..9f1f0745c74 100644 --- a/theme/boost/scss/moodle/debug.scss +++ b/theme/boost/scss/moodle/debug.scss @@ -40,6 +40,13 @@ body.behat-site { content: none; } } + + // Workaround for MDL-70411. + // Pad the side of the message drawer out slightly to ensure that Firefox scroll bar does not cover controls at the + // edge of the screen. + [data-region="message-drawer"] { + padding-right: 10px; + } } .phpinfo table, diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css index e3a76469231..7c7eaf91af5 100644 --- a/theme/boost/style/moodle.css +++ b/theme/boost/style/moodle.css @@ -18787,6 +18787,9 @@ body.behat-site .custom-control-input { body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after { content: none; } +body.behat-site [data-region="message-drawer"] { + padding-right: 10px; } + .phpinfo table, .phpinfo th, .phpinfo h2 { diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css index 21d48152b5f..ae6878beb79 100644 --- a/theme/classic/style/moodle.css +++ b/theme/classic/style/moodle.css @@ -18968,6 +18968,9 @@ body.behat-site .custom-control-input { body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after { content: none; } +body.behat-site [data-region="message-drawer"] { + padding-right: 10px; } + .phpinfo table, .phpinfo th, .phpinfo h2 {