The goal is to update our action modals to be more responsive than out of the box bootstrap. Currently these action modals do a lot more than normal modal windows and are sized according to their action. To improve this, we are adding a medium size modal as well as making all modal more responsive to the screen size of the user.
Implementation
Admin action configuration will now allow for medium from the dropdown. Modals will still be large by default. In CSS the following widths will apply to each modal class. All classes but small will take up the entire screen for screens below 768px
UX Enhancement
The goal is to update our action modals to be more responsive than out of the box bootstrap. Currently these action modals do a lot more than normal modal windows and are sized according to their action. To improve this, we are adding a medium size modal as well as making all modal more responsive to the screen size of the user.
Implementation
Admin action configuration will now allow for medium from the dropdown. Modals will still be large by default. In CSS the following widths will apply to each modal class. All classes but small will take up the entire screen for screens below 768px
modal-xl
min-width 992px -> width: 85%
min-width 768px -> width: 85%
modal-lg
min-width 992px -> width: 70%
min-width 768px -> width: 75%
modal-md
min-width 992px -> width: 45%
min-width 768px -> width: 55%
modal-sm
min-width 992px -> width: 25%
min-width 768px -> width: 30%
min-width 568px -> width: 70%