Просмотр исходного кода

Merge pull request #6177 from overleaf/jk-resizer-z-index

[web] Fix z-index on panel resizers

GitOrigin-RevId: 4f31fd6fc05f7eb88631f6aab6926d17b2e35e14
June Kelly 4 лет назад
Родитель
Сommit
d71da1de88
1 измененных файлов с 3 добавлено и 1 удалено
  1. 3 1
      services/web/frontend/stylesheets/app/editor.less

+ 3 - 1
services/web/frontend/stylesheets/app/editor.less

@@ -372,6 +372,8 @@ CodeMirror
 .ui-layout-resizer {
 .ui-layout-resizer {
   width: @ui-resizer-size !important;
   width: @ui-resizer-size !important;
   background-color: @editor-resizer-bg-color;
   background-color: @editor-resizer-bg-color;
+  /* Over-ride z-index set on element by JQuery Layout */
+  z-index: 0 !important;
   &.ui-layout-resizer-closed {
   &.ui-layout-resizer-closed {
     &::before,
     &::before,
     &::after {
     &::after {
@@ -410,7 +412,6 @@ CodeMirror
   height: 50px;
   height: 50px;
   margin-top: -25px;
   margin-top: -25px;
   top: 50%;
   top: 50%;
-  z-index: 3;
   background-color: @editor-toggler-bg-color;
   background-color: @editor-toggler-bg-color;
 
 
   &:hover,
   &:hover,
@@ -460,6 +461,7 @@ CodeMirror
 
 
 .ui-layout-resizer-dragging {
 .ui-layout-resizer-dragging {
   background-color: @editor-resizer-bg-color-dragging;
   background-color: @editor-resizer-bg-color-dragging;
+  z-index: 1000 !important;
 }
 }
 
 
 .context-menu {
 .context-menu {