150 lines
3.1 KiB
CSS
Executable File
150 lines
3.1 KiB
CSS
Executable File
/* Common */
|
|
|
|
.ng-aside {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.ng-aside .modal-dialog {
|
|
position: absolute;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.ng-aside.fade .modal-dialog {
|
|
-o-transition: none;
|
|
-moz-transition: none;
|
|
-ms-transition: none;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
/*CSS transforms*/
|
|
-o-transform: none;
|
|
-moz-transform: none;
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
.ng-aside .modal-dialog .modal-content {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Horizontal */
|
|
|
|
.ng-aside.horizontal {
|
|
height: 100%;
|
|
}
|
|
|
|
.ng-aside.horizontal .modal-dialog .modal-content {
|
|
height: 100%;
|
|
}
|
|
|
|
.ng-aside.horizontal .modal-dialog {
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.modal-open .ng-aside.horizontal.left .modal-dialog {
|
|
animation: fadeOutLeft 250ms;
|
|
-webkit-animation: fadeOutLeft 250ms;
|
|
-moz-animation: fadeOutLeft 250ms;
|
|
-o-animation: fadeOutLeft 250ms;
|
|
-ms-animation: fadeOutLeft 250ms;
|
|
}
|
|
|
|
.ng-aside.horizontal.left.in .modal-dialog {
|
|
animation: fadeInLeft 400ms;
|
|
-webkit-animation: fadeInLeft 400ms;
|
|
-moz-animation: fadeInLeft 400ms;
|
|
-o-animation: fadeInLeft 400ms;
|
|
-ms-animation: fadeInLeft 400ms;
|
|
}
|
|
|
|
.ng-aside.horizontal.left .modal-dialog {
|
|
left: 0;
|
|
}
|
|
|
|
.ng-aside.horizontal.right .modal-dialog {
|
|
animation: fadeOutRight 400ms;
|
|
-webkit-animation: fadeOutRight 400ms;
|
|
-moz-animation: fadeOutRight 400ms;
|
|
-o-animation: fadeOutRight 400ms;
|
|
-ms-animation: fadeOutRight 400ms;
|
|
}
|
|
|
|
.ng-aside.horizontal.right.in .modal-dialog {
|
|
animation: fadeInRight 250ms;
|
|
-webkit-animation: fadeInRight 250ms;
|
|
}
|
|
|
|
.ng-aside.horizontal.right .modal-dialog {
|
|
right: 0;
|
|
}
|
|
|
|
/* Vertical */
|
|
|
|
.ng-aside.vertical {
|
|
width: 100% !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ng-aside.vertical .modal-dialog {
|
|
left: 0;
|
|
right: 0;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.ng-aside.vertical .modal-dialog .modal-content {
|
|
max-height: 400px;
|
|
}
|
|
|
|
.ng-aside.vertical.top .modal-dialog {
|
|
animation: fadeOutUp 250ms;
|
|
-webkit-animation: fadeOutUp 250ms;
|
|
-webkit-animation: fadeOutUp 250ms;
|
|
-moz-animation: fadeOutUp 250ms;
|
|
-o-animation: fadeOutUp 250ms;
|
|
-ms-animation: fadeOutUp 250ms;
|
|
}
|
|
|
|
.ng-aside.vertical.top.in .modal-dialog {
|
|
animation: fadeInTop 250ms;
|
|
-webkit-animation: fadeInTop 250ms;
|
|
-webkit-animation: fadeInTop 250ms;
|
|
-moz-animation: fadeInTop 250ms;
|
|
-o-animation: fadeInTop 250ms;
|
|
-ms-animation: fadeInTop 250ms;
|
|
}
|
|
|
|
.ng-aside.vertical.bottom .modal-dialog {
|
|
animation: fadeOutDown 250ms;
|
|
-webkit-animation: fadeOutDown 250ms;
|
|
-webkit-animation: fadeOutDown 250ms;
|
|
-moz-animation: fadeOutDown 250ms;
|
|
-o-animation: fadeOutDown 250ms;
|
|
-ms-animation: fadeOutDown 250ms;
|
|
}
|
|
.ng-aside.vertical.bottom.in .modal-dialog {
|
|
animation: fadeInBottom 250ms;
|
|
-webkit-animation: fadeInBottom 250ms;
|
|
-webkit-animation: fadeInBottom 250ms;
|
|
-moz-animation: fadeInBottom 250ms;
|
|
-o-animation: fadeInBottom 250ms;
|
|
-ms-animation: fadeInBottom 250ms;
|
|
}
|
|
|
|
.ng-aside.vertical.bottom .modal-dialog {
|
|
bottom: 0;
|
|
}
|
|
|
|
.ng-aside.vertical.top .modal-dialog {
|
|
top: 0;
|
|
}
|
|
|
|
.ng-aside.vertical .modal-dialog .modal-content {
|
|
width: 100%;
|
|
} |