Google Git
Sign in
chromium/devtools/devtools-frontend/refs/heads/chromium/7258
commit
bc417052ebef6175721d690a4910e717d92181be
[log]
author
Kim-Anh Tran <[email protected]>
Wed Jul 23 05:31:52 2025
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Fri Jul 25 06:55:18 2025
tree
90bc2dba5b5b6ef524311aa0d7441a1f68903df5
parent
29a6ecbb51a9e55537969fc45516f67e1e68a99c [diff]
Set flex none for the binary toolbar in the network panel

After the UI engineering migration, the toolbar doesn't show properly
if the main content is large. Since we wrapped the toolbar
in a a WidgetElement, the widget styles applied (flex: auto).

To fix this, we need to override the flex properties.

Before: https://i.imgur.com/SAQHvg3.png
After: https://i.imgur.com/pgcTAAo.png
Bug: 433417235
Fixed: 433645337
Change-Id: Ie465f8b24ed3e0b5c194055c88faa510299fd58d
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6779623
Auto-Submit: Kim-Anh Tran <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>
(cherry picked from commit e53600c565c9ca6376c178bdfecf3126e0283abc)
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6787528
Commit-Queue: Rubber Stamper <[email protected]>
Bot-Commit: Rubber Stamper <[email protected]>
1 file changed
tree: 90bc2dba5b5b6ef524311aa0d7441a1f68903df5
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. extensions/
  7. front_end/
  8. inspector_overlay/
  9. node_modules/
  10. scripts/
  11. test/
  12. third_party/
  13. v8/
  14. build
  15. buildtools
  16. .clang-format
  17. .clang-format-ignore
  18. .editorconfig
  19. .git-blame-ignore-revs
  20. .gitallowed
  21. .gitattributes
  22. .gitignore
  23. .gitmodules
  24. .gn
  25. .mailmap
  26. .npmignore
  27. .npmrc
  28. .style.yapf
  29. .stylelintignore
  30. .stylelintrc.json
  31. AUTHORS
  32. BUILD.gn
  33. codereview.settings
  34. CONTRIBUTING.md
  35. DEPS
  36. DIR_METADATA
  37. eslint.config.mjs
  38. favicon.ico
  39. LICENSE
  40. OWNERS
  41. package-lock.json
  42. package.json
  43. PRESUBMIT.py
  44. README.md
  45. 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: