Modal: add support for size veryLarge (990px)

Largest so far was ‘large’ with a max-width of 740px.
This commit is contained in:
Felix Niklas 2018-02-17 23:11:31 +01:00
parent ef1236b3ab
commit 73160c25d1
2 changed files with 6 additions and 1 deletions

View file

@ -774,6 +774,8 @@ class App.ControllerModal extends App.Controller
if @container if @container
@el.addClass('modal--local') @el.addClass('modal--local')
if @veryLarge
@el.addClass('modal--veryLarge')
if @large if @large
@el.addClass('modal--large') @el.addClass('modal--large')
if @small if @small

View file

@ -6208,6 +6208,9 @@ footer {
margin: 35px auto; margin: 35px auto;
} }
} }
.modal--veryLarge .modal-dialog {
max-width: 990px;
}
.modal--large .modal-dialog { .modal--large .modal-dialog {
max-width: 740px; max-width: 740px;
} }
@ -6286,7 +6289,7 @@ footer {
.modal.modal--local { .modal.modal--local {
display: block; display: block;
@include bidi-style(padding-left, 40px, padding-right, 0); padding: 0 40px;
.modal-backdrop { .modal-backdrop {
background: hsla(210,17%,93%,.55); background: hsla(210,17%,93%,.55);