From 797c1cd875ce823a59ffb6a07bccb38b9037bc5e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luca=20B=C3=B6sch?= Date: Thu, 1 May 2025 08:43:20 +0200 Subject: [PATCH] MDL-85315 themes: align modal closing button. --- theme/boost/scss/moodle/modal.scss | 2 +- theme/boost/style/moodle.css | 2 +- theme/classic/style/moodle.css | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/theme/boost/scss/moodle/modal.scss b/theme/boost/scss/moodle/modal.scss index 3d9ad7e774b..01a21c65a23 100644 --- a/theme/boost/scss/moodle/modal.scss +++ b/theme/boost/scss/moodle/modal.scss @@ -19,7 +19,7 @@ // Override Bootstrap .close for better accessibility. .btn-close { // Adjust the margins so the focus outline does not look clipped. - margin: -0.8rem -0.8rem -0.8rem auto; + margin: -0.4rem -0.4rem -0.4rem auto; // Inherit the opacity when focus is received for better focus outline contrast. &:not(:disabled):not(.disabled) { diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css index d3a5a90da00..8cb66730f7f 100644 --- a/theme/boost/style/moodle.css +++ b/theme/boost/style/moodle.css @@ -38949,7 +38949,7 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp transform: translate(-50%, -50%); } .modal .btn-close { - margin: -0.8rem -0.8rem -0.8rem auto; + margin: -0.4rem -0.4rem -0.4rem auto; } .modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus { opacity: inherit; diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css index f4ddc2f31f1..63bbfcbd766 100644 --- a/theme/classic/style/moodle.css +++ b/theme/classic/style/moodle.css @@ -38883,7 +38883,7 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp transform: translate(-50%, -50%); } .modal .btn-close { - margin: -0.8rem -0.8rem -0.8rem auto; + margin: -0.4rem -0.4rem -0.4rem auto; } .modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus { opacity: inherit;