MDL-85315 themes: align modal closing button.

This commit is contained in:
Luca Bösch
2025-05-30 11:38:57 +02:00
parent c39b737063
commit 797c1cd875
3 changed files with 3 additions and 3 deletions
+1 -1
View File
@@ -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) {
+1 -1
View File
@@ -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;
+1 -1
View File
@@ -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;