Increase width of modal

[Graham Quince]

For those modal pop-ups, especially with forms, sometimes you just want a bit more width.  Dropping this code into an HTML widget will expand ALL modals, so I'm tempted to suggest you don't use it on staff dashboards, as things like the assignment pop-up and share wizard look a little weird:

.modal-body {
    max-height: 560px !important;
}

.modal {
    width: 70% !important;
    left: 30% !important;
}

 

 

Fortunately the Image Carousel's gallery mode pop-up has an extra class:

<style>
.image_carousel_modal .modal-body {
    max-height: 600px !important;
    height: auto !important;
}

.image_carousel_modal {
    max-width: 80% !important;
}
</style>