Skip to content

Instantly share code, notes, and snippets.

@Vestride
Last active July 25, 2017 22:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Vestride/62ef9779bb504c4dcd04ba7db30f9eec to your computer and use it in GitHub Desktop.
Save Vestride/62ef9779bb504c4dcd04ba7db30f9eec to your computer and use it in GitHub Desktop.
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