Workaround the datepicker appearing below the add_days modal on Safari

The correct solution would probably be to upgrade the version of bootstrap and bootstrap-datepicker that we use

My understandng of the bug is:
* bootstrap-datepicker finds the first ancestor whose z-index isn’t auto, and sets its own z-index to the found elemenents z-index + 10.
* On Firefox and Chrome, the modal element is returned (its z-index is 1050)
* On Safari, the modal-dialog element is found. Its z-index is auto, but Safari reports this as '0', which makes the z-index of the datepicker 10.
This commit is contained in:
Nicolas Bouilleaud 2019-04-17 15:51:00 +02:00
parent 723cf83484
commit 61c449205c
1 changed files with 5 additions and 0 deletions

View File

@ -529,6 +529,11 @@ table.results > tbody > tr:hover > td .glyphicon {
height: 33px;
}
.datepicker {
/* workaround for the bootstrap-datepicker appearing below the #add_days modal */
z-index: 1060 !important;
}
/* create_classic_poll.php */
.md-a-img {
text-decoration:none !important;