mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 04:26:32 +08:00
Olivia Flynn
41e89a5081
This CL adds: - UI to turn the source order view on/off for an element - Routing of node information from UI -> Overlay Model -> CDP - An experiment dedicated to this tool Gif: https://imgur.com/a/8bduCOY This CL is part of creating a Source Order Viewer, which was identified as a customer ask on The Web We Want The Web We Want submission: https://webwewant.fyi/wants/64 Explainer: https://docs.google.com/document/d/1t33UTIpW46MGor70W8mdBJVRio8eo3p76w3FH8MjV7A/edit?usp=sharing Back-end CLs for drawing in the overlay Outlines: https://chromium-review.googlesource.com/c/chromium/src/+/2250504 Labels: https://chromium-review.googlesource.com/c/chromium/src/+/2250883 Front-end CL for drawing in the overlay: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2250404 Bug: 1094406 Change-Id: Ic494fa3c50bfb55d1837d3903c8124f89089acc2 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2251080 Commit-Queue: Olivia Flynn <t-olfly@microsoft.com> Reviewed-by: Vidal Diazleal <vidorteg@microsoft.com> Reviewed-by: Songtao Xia <soxia@microsoft.com> Reviewed-by: Brandon Goddard <brgoddar@microsoft.com>
36 lines
521 B
CSS
36 lines
521 B
CSS
/*
|
|
* Copyright 2015 The Chromium Authors. All rights reserved.
|
|
* Use of this source code is governed by a BSD-style license that can be
|
|
* found in the LICENSE file.
|
|
*/
|
|
|
|
.ax-name {
|
|
color: rgb(153 69 0);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.ax-readable-name {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.ax-readable-string {
|
|
font-style: italic;
|
|
}
|
|
|
|
.ax-value-string {
|
|
color: rgb(200 0 0);
|
|
}
|
|
|
|
span.ax-internal-role {
|
|
font-style: italic;
|
|
}
|
|
|
|
#source-order-warning {
|
|
padding-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.source-order-checkbox {
|
|
margin: 5px;
|
|
}
|