h/v center with flex = no subpixel positioning artifacts

This commit is contained in:
gorhill 2015-06-12 08:26:54 -04:00
parent 2e50e800a5
commit e8208aa438
1 changed files with 6 additions and 5 deletions

View File

@ -279,9 +279,15 @@ body[dir="rtl"] #popupContainer > div {
} }
.modalDialog { .modalDialog {
align-items: center;
-webkit-align-items: center;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border: 0; border: 0;
bottom: 0; bottom: 0;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
left: 0; left: 0;
margin: 0; margin: 0;
position: fixed; position: fixed;
@ -294,11 +300,6 @@ body[dir="rtl"] #popupContainer > div {
background-color: white; background-color: white;
border: 2px solid white; border: 2px solid white;
box-sizing: border-box; box-sizing: border-box;
left: 10%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
transform-style: preserve-3d;
width: 80%; width: 80%;
} }