Use outlined pin for unresolved comments and solid pin when resolved

Unresolved comments (draft, queued, and sent to agent) now render with
an outlined pin, while resolved comments render with a solid filled pin
both on the overlay and in the Comments drawer list.

Fixed: 577025342
Change-Id: I0efea203809f71069cabfdb12915ee33de62c268
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8714743
Auto-Submit: Natallia Harshunova <nharshunova@chromium.org>
Commit-Queue: Natallia Harshunova <nharshunova@chromium.org>
Reviewed-by: Yulun Zeng <yulunz@chromium.org>
11 files changed
tree: 48b34d8d72cc5f0328991ceafc853f7fbdc91bb4
  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. .clang-format
  18. .clang-format-ignore
  19. .editorconfig
  20. .env.template
  21. .geminiignore
  22. .git-blame-ignore-revs
  23. .gitallowed
  24. .gitattributes
  25. .gitignore
  26. .gitmodules
  27. .gn
  28. .mailmap
  29. .npmignore
  30. .npmrc
  31. .style.yapf
  32. .stylelintignore
  33. .stylelintrc.json
  34. AUTHORS
  35. BUILD.gn
  36. codereview.settings
  37. CONTRIBUTING.md
  38. DEPS
  39. DIR_METADATA
  40. dt
  41. dt.bat
  42. eslint.config.mjs
  43. favicon.ico
  44. LICENSE
  45. OWNERS
  46. package-lock.json
  47. package.json
  48. PRESUBMIT.py
  49. README.md
  50. SECURITY.md
  51. vpython.toml
  52. vpython.toml.uv.lock
  53. 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: