Google Git
Sign in
chromium / devtools / devtools-frontend / refs/heads/chromium/7484
commit4e5cce7919b5193b4b6087a510b3d2ecc2757aa4[log] [tgz]
authorVishwa Kalubowila <vishwa.kalubowila@codimite.com>Sat Oct 18 18:00:15 2025
committerDevtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>Mon Oct 20 11:36:54 2025
treeaf870712fc32162f745c98cc41346fa7e918dc22
parent626e91717f0868885332e7ce7266e510f2ea230a [diff]
[DevTools Recorder] Vertically center items in StepView

The action menu icon and the step title could become misaligned,
especially with long titles, due to improper flexbox properties.

This change uses `min-width: 0` on the modern flexbox properties on the title container to ensure
robust alignment.

Bug: 444625453
Change-Id: Ifd8974adbe98ed654b7c400700cd9db01875da93
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7046597
Commit-Queue: Nikolay Vitkov <nvitkov@chromium.org>
Reviewed-by: Nikolay Vitkov <nvitkov@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
2 files changed
tree: af870712fc32162f745c98cc41346fa7e918dc22
  1. .gemini/
  2. .github/
  3. .vscode/
  4. build_overrides/
  5. config/
  6. docs/
  7. extension-api/
  8. extensions/
  9. front_end/
  10. inspector_overlay/
  11. mcp/
  12. node_modules/
  13. scripts/
  14. test/
  15. third_party/
  16. v8/
  17. build
  18. buildtools
  19. .clang-format
  20. .clang-format-ignore
  21. .editorconfig
  22. .geminiignore
  23. .git-blame-ignore-revs
  24. .gitallowed
  25. .gitattributes
  26. .gitignore
  27. .gitmodules
  28. .gn
  29. .mailmap
  30. .npmignore
  31. .npmrc
  32. .style.yapf
  33. .stylelintignore
  34. .stylelintrc.json
  35. AUTHORS
  36. BUILD.gn
  37. codereview.settings
  38. CONTRIBUTING.md
  39. DEPS
  40. DIR_METADATA
  41. eslint.config.mjs
  42. favicon.ico
  43. LICENSE
  44. OWNERS
  45. package-lock.json
  46. package.json
  47. PRESUBMIT.py
  48. README.md
  49. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

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

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

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

There are a few options to keep an eye on the latest and greatest of DevTools development: