Google Git
Sign in
chromium/devtools/devtools-frontend/refs/heads/chromium/4646
commit
9b43a582f1fe07f237b0cc1444fa3d2e7f0de140
[log]
author
Andres Olivares <andoli@chromium.org>
Wed Sep 15 17:27:28 2021
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Thu Sep 16 12:54:34 2021
tree
9338208a1113815155142af2cad0799c272981a6
parent
309c6f9fcf9e834fa094b9f85db1682e5fe8d4f7 [diff]
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>
1 file changed
tree: 9338208a1113815155142af2cad0799c272981a6
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. front_end/
  7. inspector_overlay/
  8. node_modules/
  9. scripts/
  10. test/
  11. third_party/
  12. v8/
  13. .clang-format
  14. .editorconfig
  15. .eslintignore
  16. .eslintrc.js
  17. .gitattributes
  18. .gitignore
  19. .gn
  20. .mailmap
  21. .npmignore
  22. .npmrc
  23. .style.yapf
  24. .stylelintignore
  25. .stylelintrc.json
  26. ARCHITECTURE.md
  27. AUTHORS
  28. BUILD.gn
  29. DEPS
  30. LICENSE
  31. OWNERS
  32. package-lock.json
  33. package.json
  34. PRESUBMIT.py
  35. README.md
  36. tsconfig.json
  37. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp.

Source code

The frontend is available on chromium.googlesource.com.

Design guidelines

Please be aware that DevTools follows additional development guidelines.

Issue triage

The issue triage guidelines can be found in docs/triage_guidelines.md.

Workflows

Instructions to set up, use, and maintain a DevTools frontend checkout can be found in docs/workflows.md.

Additional references

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch