Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Customized Bootstrap Modal |
||
| 3 | ***/ |
||
| 4 | |||
| 5 | .modal { |
||
| 6 | z-index: $zindex-modal; |
||
| 7 | outline: none; |
||
| 8 | overflow-y: auto !important; /* Fix content shifting to the right on modal open due to scrollbar closed */ |
||
| 9 | |||
| 10 | .modal-header { |
||
| 11 | border-bottom: 1px solid #EFEFEF; |
||
| 12 | |||
| 13 | h3 { |
||
| 14 | font-weight: 300; |
||
| 15 | } |
||
| 16 | |||
| 17 | .close { |
||
| 18 | margin-top: 0px !important; |
||
| 19 | } |
||
| 20 | } |
||
| 21 | |||
| 22 | .modal-dialog { |
||
| 23 | z-index: $zindex-modal + 1; |
||
| 24 | } |
||
| 25 | |||
| 26 | > .loading { |
||
| 27 | position: absolute; |
||
| 28 | top: 50%; |
||
| 29 | left:50%; |
||
| 30 | margin-top: -22px; |
||
| 31 | margin-left: -22px; |
||
| 32 | } |
||
| 33 | |||
| 34 | &.in { |
||
| 35 | .page-loading { |
||
| 36 | display: none; |
||
| 37 | } |
||
| 38 | } |
||
| 39 | } |
||
| 40 | |||
| 41 | .modal-open { |
||
| 42 | overflow-y: auto !important; |
||
| 43 | } |
||
| 44 | |||
| 45 | .modal-open-noscroll { |
||
| 46 | overflow-y: hidden !important; |
||
| 47 | } |
||
| 48 | |||
| 49 | .modal-backdrop { |
||
| 50 | border: 0; |
||
| 51 | outline: none; |
||
| 52 | z-index: $zindex-modal-background; |
||
| 53 | |||
| 54 | &, |
||
| 55 | &.fade.in { |
||
| 56 | background-color: #333 !important; |
||
| 57 | } |
||
| 58 | } |
||
| 59 | |||
| 60 | /* Full width modal */ |
||
| 61 | |||
| 62 | .modal-full.modal-dialog { |
||
| 63 | width: 99%; |
||
| 64 | } |
||
| 65 | |||
| 66 | @media (max-width: $screen-sm-min) { |
||
| 67 | |||
| 68 | .modal-full.modal-dialog { |
||
| 69 | width: auto; |
||
| 70 | } |
||
| 71 | |||
| 72 | } |