github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-04 12:16:51 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

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

GitOrigin-RevId: 1f3267ef5e0e6d8152dbe1f74218e72053b41360
This commit is contained in:
Mathias Jakobsen 2024-06-07 12:05:37 +01:00 committed by Copybot
parent ca41c42288
commit 2247f02308
1 changed files with 8 additions and 0 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,11 +191,18 @@
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
#left-menu-modal {
opacity: 1;
overflow-y: hidden;
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 {
height: 100%;
margin: 0;
@ -219,5 +226,6 @@
// 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.
.left-menu-modal-backdrop {
z-index: @left-menu-z-index-backdrop;
background-color: transparent;
}