Removing duplicate modal styling

This commit is contained in:
Kris 2018-01-26 14:52:03 -05:00
parent 9721fb7573
commit ee155bd4f2
3 changed files with 10 additions and 20 deletions

View File

@ -11,6 +11,16 @@
}
.bootbox.modal {
position: fixed;
z-index: z("modal","content");
overflow: auto;
height: auto;
background-color: $secondary;
box-shadow: 0 2px 2px rgba(0,0,0, .25);
background-clip: padding-box;
}
.input-hint-text {
margin-left: 0.5em;
color: $secondary-high;

View File

@ -7,23 +7,13 @@
// Hardcode to be the same as before for now. I would recommend not using bootbox, or finding a way so the html structure can be the same
.bootbox.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: z("modal","content");
overflow: auto;
width: 610px;
height: auto;
margin: -250px 0 0 -305px;
background-color: $secondary;
border: 1px solid $primary-low;
box-shadow: 0 3px 7px rgba(0,0,0, .8);
background-clip: padding-box;
.cancel {
margin-left: 1em;
}
}
.modal.in {

View File

@ -10,18 +10,8 @@
// Hardcode to be the same as before for now. I would recommend not using bootbox, or finding a way so the html structure can be the same
.bootbox.modal {
position: fixed;
top: 10%;
z-index: z("modal","content");
overflow: auto;
width: 100%;
height: auto;
background-color: $secondary;
border: 1px solid rgba(0, 0, 0, 0.3);
@include border-radius-all (6px);
box-shadow: 0 3px 7px rgba(0,0,0, 0.3);
background-clip: padding-box;
}
.modal.fade {