Google Git Google Git
Sign in
chromium/devtools/devtools-frontend/de5d8ffd6d47741c19151e6d5e4aca5b59adebdc
commit
de5d8ffd6d47741c19151e6d5e4aca5b59adebdc
[log]
author
Yang Guo <yangguo@chromium.org>
Sun Nov 01 11:59:54 2026
committer
devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Mon Nov 02 13:05:18 2026
tree
b8341cef59df819095c3fc10d82ab2d1208edba8
parent
b79853bc13ef1f844e5362340a8a9d4d09a21573 [diff] 
[components] Use composite size tokens for async stack trace padding

Replace hardcoded `3px` top padding in `.stack-preview-async-description` (`front_end/ui/legacy/components/utils/jsUtils.css`) with `calc(var(--sys-size-3) - var(--sys-size-1))` so the `4px` (`--sys-size-3`) total vertical padding splits cleanly into `3px` top and `1px` (`--sys-size-1`) bottom while preserving the `20px` (`--sys-size-9`) row height with zero visual diff.

Fixed: 551302982
Change-Id: I598d629a3a4f1dcc30e15a326d3aa5a4a7e051d5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8688527
Commit-Queue: Piotr Paulski <piotrpaulski@chromium.org>
Auto-Submit: Yang Guo <yangguo@chromium.org>
Reviewed-by: Piotr Paulski <piotrpaulski@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: b8341cef59df819095c3fc10d82ab2d1208edba8
  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: