Modal: add support for size veryLarge (990px)
Largest so far was ‘large’ with a max-width of 740px.
This commit is contained in:
parent
ef1236b3ab
commit
73160c25d1
2 changed files with 6 additions and 1 deletions
|
@ -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
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue