_modal.scss 856 B

123456789101112131415161718192021222324252627282930313233343536
  1. @mixin expand-modal-fullscreen($hasModalHeader: true, $hasModalFooter: true) {
  2. // full-screen modal
  3. width: auto;
  4. max-width: unset !important;
  5. height: calc(100vh - 30px);
  6. margin: 15px !important;
  7. .modal-content {
  8. height: calc(100vh - 30px);
  9. }
  10. // expand .modal-body (with calculating height)
  11. .modal-body {
  12. $modal-header: 54px;
  13. $modal-footer: 46px;
  14. $margin: 0px;
  15. @if $hasModalHeader {
  16. $margin: $margin + $modal-header;
  17. }
  18. @if $hasModalFooter {
  19. $margin: $margin + $modal-footer;
  20. }
  21. height: calc(100% - #{$margin});
  22. }
  23. }
  24. // expanded window layout
  25. .modal-dialog.grw-modal-expanded {
  26. @include expand-modal-fullscreen(true, true);
  27. }
  28. // expanded window layout without modal-header & modal-footer
  29. .modal-dialog.grw-body-only-modal-expanded {
  30. @include expand-modal-fullscreen(false, false);
  31. }