Google Git
Sign in
chromium/devtools/devtools-frontend/008cbe291cc12257b97593cc289ff2fbf8a56989
commit
008cbe291cc12257b97593cc289ff2fbf8a56989
[log]
author
Kateryna Prokopenko <kprokopenko@chromium.org>
Tue Apr 25 17:31:11 2023
committer
Kateryna Prokopenko <kprokopenko@chromium.org>
Wed May 03 13:09:25 2023
tree
2fa043970f766f3ba7f5c57437e6ddb78692fb5f
parent
8f03b0d10a8c87866806c10ff13620a9556454d5 [diff]
[DevToolsIcons] Address some UX issues from feedback

- updated breakpoints script icon size to 18px
- swapped info-filled SVG (we used to have a wrong file)
- increased checkmark size in Performance Monitor
- swapped stop SVG (used to be blue instead of black)
- updated revert in favor of undo and deleted revert SVG
- updated Network file icon to file-generic (was incorrect before)
- decreased copy icon to 12px
- increased expand triangle distance from text for objects
- fixed expand triangle position for Accessibility>Computed Properties

Screenshot: https://imgur.com/a/kOmMlwq

Bug: 1427397
Change-Id: I2ef5c9b6542c479aaec6be7919393bba7ef3e1c0
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4475785
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Auto-Submit: Kateryna Prokopenko <kprokopenko@chromium.org>
Commit-Queue: Kateryna Prokopenko <kprokopenko@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
(cherry picked from commit 8041c6c769d9dc9863168d006c6ab1c445cff905)
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4503366
Reviewed-by: Danil Somsikov <dsv@chromium.org>
14 files changed
tree: 2fa043970f766f3ba7f5c57437e6ddb78692fb5f
  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. .git-blame-ignore-revs
  18. .gitattributes
  19. .gitignore
  20. .gn
  21. .mailmap
  22. .npmignore
  23. .npmrc
  24. .style.yapf
  25. .stylelintignore
  26. .stylelintrc.json
  27. AUTHORS
  28. BUILD.gn
  29. codereview.settings
  30. DEPS
  31. LICENSE
  32. OWNERS
  33. package-lock.json
  34. package.json
  35. PRESUBMIT.py
  36. README.md
  37. tsconfig.json
  38. 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.

Project documentation

Check out the project documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

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