Google Git
Sign in
chromium/devtools/devtools-frontend/refs/heads/chromium/4338
commit
0f58c2f5f2e092ab56b9789258f8c9b4459b000f
[log]
author
Patrick Brosset <patrick.brosset@microsoft.com>
Thu Nov 26 16:05:46 2020
committer
Commit Bot <commit-bot@chromium.org>
Thu Nov 26 19:39:34 2020
tree
94716711951ee65dc68f89fd79a3af1c294f90cc
parent
0027a151e42bdac3950df3256d442014743d7fde [diff]
Flex: Draw self-alignment at the container level in flex overlay

This draws a thicker line where the align-items value of the flex
container is, as well as an arrow (or 2 arrows) pointing to where
alignment happens.

Baseline alignment is missing as it will require specific support from
the backend (the offset of the baseline).

Backend CL: https://chromium-review.googlesource.com/c/chromium/src/+/2552282/

Screenshots: https://imgur.com/a/uvkKJIl

Bug: 1139949
Change-Id: Ie9387714abc8b9953deb38e5b89f5346206dcc13
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2552427
Commit-Queue: Patrick Brosset <patrick.brosset@microsoft.com>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
7 files changed
tree: 94716711951ee65dc68f89fd79a3af1c294f90cc
  1. build_overrides/
  2. docs/
  3. front_end/
  4. inspector_overlay/
  5. node_modules/
  6. scripts/
  7. test/
  8. third_party/
  9. v8/
  10. .clang-format
  11. .editorconfig
  12. .eslintignore
  13. .eslintrc.js
  14. .gitattributes
  15. .gitignore
  16. .gn
  17. .npmignore
  18. .npmrc
  19. .style.yapf
  20. .stylelintignore
  21. .stylelintrc.json
  22. all_devtools_files.gni
  23. all_devtools_modules.gni
  24. AUTHORS
  25. BUILD.gn
  26. COMMON_OWNERS
  27. DEPS
  28. devtools_grd_files.gni
  29. devtools_image_files.gni
  30. devtools_module_entrypoints.gni
  31. ENG_REVIEW_OWNERS
  32. INFRA_OWNERS
  33. LICENSE
  34. LIGHTHOUSE_OWNERS
  35. OWNERS
  36. package-lock.json
  37. package.json
  38. PRESUBMIT.py
  39. README.md
  40. tsconfig.base.json
  41. tsconfig.json
  42. 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.

Design guidelines

Please be aware that DevTools follows additional development guidelines.

Issue triage

The issue triage guidelines can be found here.

Workflows

Instructions to set up, use, and maintain a DevTools frontend checkout can be found here.

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