mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 20:39:31 +08:00
Paul Lewis
8cddf9931f
Creates a panel that steps through the page to build statistics on CSS used, such as colors, fonts, specificity, and other items of note. Note: this is a DevTools experiment. Bug: 1007284 Change-Id: Ib8d8b2af6bb65d6ff4816ca23b48b76980cd80db Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1806736 Commit-Queue: Paul Lewis <aerotwist@chromium.org> Reviewed-by: Yang Guo <yangguo@chromium.org> Reviewed-by: Mathias Bynens <mathias@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#700745} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 0e4a3c81f343d15e2121280d332659778ad07323
34 lines
655 B
CSS
34 lines
655 B
CSS
/**
|
|
* Copyright 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.
|
|
*/
|
|
|
|
.overview-sidebar-panel {
|
|
overflow: auto;
|
|
display: flex;
|
|
background: #F3F3F3;
|
|
}
|
|
|
|
.overview-sidebar-panel-item {
|
|
height: 30px;
|
|
padding-left: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.overview-sidebar-panel-item:hover,
|
|
.overview-sidebar-panel-item:focus {
|
|
background: rgb(234, 234, 234);
|
|
}
|
|
|
|
.overview-sidebar-panel-item.selected {
|
|
background: #1A73E8;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.overview-toolbar {
|
|
border-bottom: 1px solid rgb(204, 204, 204);
|
|
}
|