mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-13 01:54:52 +08:00
Johan Bay
52f5be82ff
This CL provides support for @layer rules by providing two features: 1. we now separate the matched styles in the styles pane by their layer to make it easier to see which layer each rule belongs. 2. we provide a layer overview widget that shows the layer tree for the tree scope of the currently inspected element. Screenshot: https://imgur.com/a/CxFrKyc Doc: https://docs.google.com/document/d/1J7mvg-5eFsLhKLRkd7-mwdIxxDgt2fq1lhOTw47Df6E/edit?usp=sharing Change-Id: I6fbffc7e272303e942af733029059a0a98771283 Bug: 1240596 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3484212 Reviewed-by: Changhao Han <changhaohan@chromium.org> Reviewed-by: Mathias Bynens <mathias@chromium.org> Commit-Queue: Johan Bay <jobay@chromium.org> Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>