Google Git Google Git
Sign in
chromium/devtools/devtools-frontend/refs/heads/main
commit
4c43ef6637e71ffa0780ad47bced1765cb20cf2a
[log]
author
Yang Guo <yangguo@chromium.org>
Wed Nov 04 12:58:50 2026
committer
devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Thu Nov 05 05:02:54 2026
tree
fff335c4815508acae5ba9391cb436059283e0f0
parent
ce09cdba4f4a436cec29261e3b8b510e817b857f [diff] 
[Elements] Use --sys-size-24 for style property editor min-width

Snap .container min-width from 170px to var(--sys-size-24) (176px) in
stylePropertyEditor.css so Flexbox, Grid, and Grid Lanes style property
editor popovers comfortably fit 170px nowrap property labels and 168px
7-button rows without overflow or width jitter.

Fixed: 552494326
Change-Id: I8978e8e30d8d7ba8e5512e3a9363ddd44d9737fe
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8724592
Commit-Queue: Simon Zünd <szuend@chromium.org>
Reviewed-by: Simon Zünd <szuend@chromium.org>
Auto-Submit: Yang Guo <yangguo@chromium.org>
Presubmit-Verified: devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
1 file changed
tree: fff335c4815508acae5ba9391cb436059283e0f0
  1. .agents/
  2. .gemini/
  3. .github/
  4. .vscode/
  5. build_overrides/
  6. config/
  7. docs/
  8. extension-api/
  9. extensions/
  10. front_end/
  11. inspector_overlay/
  12. mcp/
  13. scripts/
  14. test/
  15. third_party/
  16. v8/
  17. build
  18. buildtools
  19. .clang-format
  20. .clang-format-ignore
  21. .editorconfig
  22. .env.template
  23. .geminiignore
  24. .git-blame-ignore-revs
  25. .gitallowed
  26. .gitattributes
  27. .gitignore
  28. .gitmodules
  29. .gn
  30. .mailmap
  31. .npmignore
  32. .npmrc
  33. .style.yapf
  34. .stylelintignore
  35. .stylelintrc.json
  36. AUTHORS
  37. BUILD.gn
  38. codereview.settings
  39. CONTRIBUTING.md
  40. DEPS
  41. DIR_METADATA
  42. dt
  43. dt.bat
  44. eslint.config.mjs
  45. favicon.ico
  46. LICENSE
  47. OWNERS
  48. package-lock.json
  49. package.json
  50. PRESUBMIT.py
  51. README.md
  52. SECURITY.md
  53. vpython.toml
  54. vpython.toml.uv.lock
  55. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

This repository contains the client side of Chrome DevTools. It contains all the TypeScript and CSS code that runs the DevTools web app.

Source code and documentation

The source code is on chromium.googlesource.com.

The Chromium DevTools documentation tells you how to do these tasks:

  • Set up a DevTools frontend checkout.
  • Use a DevTools frontend checkout.
  • Maintain a DevTools frontend checkout.

The documentation also contains design guidelines and architecture documentation.

Other documentation:

Source mirrors

There is a mirror of the DevTools frontend repository on GitHub.

The DevTools frontend is also available on npm as the chrome-devtools-frontend package. The package does not supply CJS modules or ES modules. Thus, it can be difficult to use this package in other tools. For an example of how to use it, see this file.

The version number of the npm package (for example, 1.0.373466) is the Chromium commit position of the latest frontend Git commit. The version number increases with each Chromium commit. But we publish the package only approximately one time each day.

Contact us

Get the latest news

To get the latest news about DevTools development, do one or more of these steps: