Merge "Work around a Safari bug causing shadows to remain when the popup is removed"

This commit is contained in:
jenkins-bot 2022-01-11 16:14:15 +00:00 committed by Gerrit Code Review
commit 7e61125c23

View file

@ -231,12 +231,18 @@ span[ data-mw-comment-start ] {
.oo-ui-popupWidget& {
// Animations
opacity: 0;
transform: translate( 0, -20px );
// Support: Safari
// 3D transform is needed to work around a Safari bug, which causes shadows to remain when the
// popup is removed (T297266, T226872). Otherwise this should just use 2D translate().
transform: translate3d( 0, -20px, 0 );
transition: opacity 0.2s, transform 0.2s;
&-fadein {
opacity: 1;
transform: translate( 0, 0 );
// Support: Safari
// 3D transform is needed to work around a Safari bug, which causes shadows to remain when the
// popup is removed (T297266, T226872). Otherwise this should just use 2D translate().
transform: translate3d( 0, 0, 0 );
}
}