Add a basic modal dialog implementation

This commit is contained in:
Erik Johnston 2015-07-16 09:37:14 +01:00
parent 2b81f46030
commit 1b4358624f
2 changed files with 86 additions and 0 deletions

View file

@ -33,3 +33,31 @@ h2 {
margin-top: 16px;
margin-bottom: 16px;
}
.mx_Dialog_Background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ccc;
opacity: 0.5;
z-index: -200;
}
.mx_Dialog_Wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mx_Dialog {
background-color: #fff;
margin: auto;
max-width: 500px;
z-index: -100;
position: relative;
top: 100px;
}