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

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

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

GitOrigin-RevId: aaa51e251826c713ef0f46616ce8780d525d6430
This commit is contained in:
Mathias Jakobsen 2024-06-10 10:41:57 +01:00 committed by Copybot
parent 8596fa21f2
commit e7f429a5c1
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; 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;
@ -219,5 +226,6 @@
// 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;
} }