Stacking Modals

Created by: boroth

I saw someone put an issue up about 4 months ago about stacking modals not having the backdrops at the right z-indexes (you could see lower modals still), and couldn't figure out if he actually got his pull request in or not.

Anywho, I came up with a somewhat simple CSS solution to this problem using adjacent selectors.

I added a "level2" class to my modal with this css .modal.level2 { z-index:1052 }

And then this for the stacking: .modal-backdrop.in + .modal-backdrop.in { z-index: 1051; }

This isn't the most elegant solution, and it must be defined further if you want more than 2 modals open at a single time. Will work on a way to maybe have classes that specify different z-index "levels" for modals to sit in, so you can have certain modals always appear over others (or a system with which the most recently opened modal-backdrop is always put on top of the preceding modals.