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

Handle z-index issues with mini review panel.

Browse source
This commit is contained in:
Paulo Reis 2017-01-12 14:20:41 +00:00
parent a42cc48be8
commit b97ce52c6f
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
services/web/public/stylesheets/app/editor/review-panel.less
View file

@ -85,6 +85,7 @@
.rp-size-mini & {
display: block;
width: @review-off-width;
z-index: 6;
}
position: absolute;
@ -157,7 +158,6 @@
display: none;
.rp-size-mini & {
display: block;
z-index: 12;
}
position: absolute;
left: 2px;
@ -193,21 +193,22 @@
display: none;
left: @review-off-width + @rp-entry-arrow-width;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
z-index: 11;
z-index: 1;
&::before {
.triangle(left, @rp-entry-arrow-width, @rp-entry-arrow-width * 1.5, inherit);
top: (@review-off-width / 2) - @rp-entry-arrow-width;
left: -(@rp-entry-ribbon-width + @rp-entry-arrow-width);
content: '';
}
&::after {
content: '';
position: absolute;
top: -(@review-off-width + @rp-entry-arrow-width);
right: -(@review-off-width + @rp-entry-arrow-width);
bottom: -(@review-off-width + @rp-entry-arrow-width);
left: -(@review-off-width + @rp-entry-arrow-width);
z-index: -1;
}
&::after {
.triangle(left, @rp-entry-arrow-width, @rp-entry-arrow-width * 1.5, inherit);
top: (@review-off-width / 2) - @rp-entry-arrow-width;
left: -(@rp-entry-ribbon-width + @rp-entry-arrow-width);
content: '';
}
}
.rp-state-current-file-expanded & {