Increase z-index value of split widget resizer The split widget resizer is used to resize DevTools when it is docked to the inspected window. As such, it should overlap any content shown in DevTools around the boders so that the docked app can always be resized. However, the Settings screen, which makes use of the `GlassPane` utility element is set to have an z-index of 3000 and was recently changed to occupy the whole DevTools app (in https://crrev.com/c/3001656), which means it overlaps the resizer that has a z-index of 500. This made it impossible to resize DevTools when it is docked to the window and when the Settings screen is shown. To fix this, this CL increases the value of the resizer's z-index to make sure it always overlaps the settings screen to keep DevTools resizable when it is shown. Fixed: 1248009 Change-Id: I41b7031a0da9cb1040fa1956b118f802bcd21e50 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3163137 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Andres Olivares <andoli@chromium.org>
diff --git a/front_end/ui/legacy/splitWidget.css b/front_end/ui/legacy/splitWidget.css index 8a335be..9ec0b4b 100644 --- a/front_end/ui/legacy/splitWidget.css +++ b/front_end/ui/legacy/splitWidget.css
@@ -52,7 +52,7 @@ top: 0; bottom: 0; width: 6px; - z-index: 500; + z-index: 4000; } .shadow-split-widget.vbox > .shadow-split-widget-resizer { @@ -60,7 +60,7 @@ left: 0; right: 0; height: 6px; - z-index: 500; + z-index: 4000; } .shadow-split-widget.vbox > .shadow-split-widget-sidebar.no-default-splitter {