Merge pull request #18818 from overleaf/revert-18816-revert-18815-revert-18671-mj-left-modal

Revert "[web] Make left menu modal show below other modals"

GitOrigin-RevId: 0b48ac1dc7f24986cc665b63eb5fe097e6a7e703
This commit is contained in:
Mathias Jakobsen 2024-06-10 10:59:50 +01:00 committed by Copybot
parent e7f429a5c1
commit 0ea04db53b

View file

@ -191,18 +191,11 @@
transition: opacity 0.5s; transition: opacity 0.5s;
} }
// We want to be able to stack modals on top of the left-side menu. So we make
// it a little lower than the normal modal backdrops. We don't want to go too
// low, to avoid conflicting with dropdowns etc.
@left-menu-z-index-backdrop: @zindex-modal-background - 5;
@left-menu-z-index: @zindex-modal-background - 2;
// Make the Bootstrap Modal behavior as a left sidebar // Make the Bootstrap Modal behavior as a left sidebar
#left-menu-modal { #left-menu-modal {
opacity: 1; opacity: 1;
overflow-y: hidden; overflow-y: hidden;
padding-left: 0 !important; // bootstrap modal may randomly give padding-left when zooming in / out in chrome padding-left: 0 !important; // bootstrap modal may randomly give padding-left when zooming in / out in chrome
z-index: @left-menu-z-index;
.modal-dialog { .modal-dialog {
height: 100%; height: 100%;
margin: 0; margin: 0;
@ -226,6 +219,5 @@
// Don't disable backdrop that allows closing the Modal when clicking outside of it, // Don't disable backdrop that allows closing the Modal when clicking outside of it,
// But match its background color with the original mask background color. // But match its background color with the original mask background color.
.left-menu-modal-backdrop { .left-menu-modal-backdrop {
z-index: @left-menu-z-index-backdrop;
background-color: transparent; background-color: transparent;
} }