| 123456789101112131415161718192021222324252627282930313233343536 |
- @mixin expand-modal-fullscreen($hasModalHeader: true, $hasModalFooter: true) {
- // full-screen modal
- width: auto;
- max-width: unset !important;
- height: calc(100vh - 30px);
- margin: 15px !important;
- .modal-content {
- height: calc(100vh - 30px);
- }
- // expand .modal-body (with calculating height)
- .modal-body {
- $modal-header: 54px;
- $modal-footer: 46px;
- $margin: 0px;
- @if $hasModalHeader {
- $margin: $margin + $modal-header;
- }
- @if $hasModalFooter {
- $margin: $margin + $modal-footer;
- }
- height: calc(100% - #{$margin});
- }
- }
- // expanded window layout
- .modal-dialog.grw-modal-expanded {
- @include expand-modal-fullscreen(true, true);
- }
- // expanded window layout without modal-header & modal-footer
- .modal-dialog.grw-body-only-modal-expanded {
- @include expand-modal-fullscreen(false, false);
- }
|