Instantly share code, notes, and snippets.

Embed
What would you like to do?
Add support for IE11 in Odo Dialog
.odo-dialog--no-auto-margin {
font-size: 0;
}
.odo-dialog--no-auto-margin.odo-dialog--open {
display: block;
}
/* https://css-tricks.com/centering-in-the-unknown/ */
.odo-dialog--no-auto-margin::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.odo-dialog--no-auto-margin .odo-dialog__content {
left: 50%;
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: 1rem;
transform: translate(-50%, 0);
transition-property: opacity;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment