github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

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

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

GitOrigin-RevId: d48649fadd0c0e1694e295d850e4900aaaac38fd
This commit is contained in:
Mathias Jakobsen 2024-06-10 10:25:50 +01:00 committed by Copybot
parent eb9044bc9b
commit 8596fa21f2
1 changed files with 0 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
services/web/frontend/stylesheets/app/editor/left-menu.less
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;
} }