mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-06 12:01:40 +08:00
Junyi Xiao
df0ca90392
We currently have a similar functionality which using red/green to highlight those requests in the network data grid when shift + hover. It's neither very easy to discover nor accessible. This change add a request initiator chain section to the initiator tab, which includes a list of request URL that current request initiated and a list of request URL that initiated current request in a tree structure. screenshot: https://imgur.com/a/XCzczlA Bug: 963183, 842488 Change-Id: If10071312b0cda36932014d4209afc17bab93ba3 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1874670 Commit-Queue: Junyi Xiao <juxiao@microsoft.com> Reviewed-by: Lorne Mitchell <lomitch@microsoft.com> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
24 lines
513 B
CSS
24 lines
513 B
CSS
/*
|
|
* Copyright (c) 2019 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.
|
|
*/
|
|
|
|
.request-initiator-view {
|
|
display: block;
|
|
margin: 6px;
|
|
}
|
|
|
|
.request-initiator-view-section-title {
|
|
font-weight: bold;
|
|
padding: 4px;
|
|
}
|
|
|
|
.request-initiator-view-section-title[data-keyboard-focus="true"]:focus {
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.request-initiator-view-section-content {
|
|
margin-left: 6px;
|
|
}
|