mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-09-30 17:27:22 +08:00
Alfonso Castaño
6729bed0d4
This CL introduces a new abstract class CategorizedBreakpointsSidebarPane. For the moment it is only used in EventListener but in follow-up CL a new child class will be introduced. DISABLE_THIRD_PARTY_CHECK=protocol change Follow-up CL: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2517571 Bug: chromium:1142804 Change-Id: I88b984cf08bb3f1ae758ef2efd3463814e70aedb Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2529160 Commit-Queue: Alfonso Castaño <alcastano@google.com> Reviewed-by: Sigurd Schneider <sigurds@chromium.org> Reviewed-by: Yang Guo <yangguo@chromium.org>
54 lines
993 B
CSS
54 lines
993 B
CSS
/*
|
|
* Copyright 2016 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.
|
|
*/
|
|
|
|
:host {
|
|
margin: 0;
|
|
padding: 2px 4px;
|
|
min-height: 18px;
|
|
}
|
|
|
|
.tree-outline {
|
|
padding: 0;
|
|
}
|
|
|
|
.tree-outline li {
|
|
margin-left: 14px;
|
|
user-select: text;
|
|
cursor: default;
|
|
}
|
|
|
|
.tree-outline li.parent {
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.tree-outline li:not(.parent)::before {
|
|
display: none;
|
|
}
|
|
|
|
.breakpoint-hit {
|
|
background-color: rgb(255 255 194);
|
|
}
|
|
|
|
:host-context(.-theme-with-dark-background) .breakpoint-hit {
|
|
background-color: hsl(46deg 98% 22%);
|
|
color: #ccc;
|
|
}
|
|
|
|
.breakpoint-hit .breakpoint-hit-marker {
|
|
background-color: rgb(255 255 194);
|
|
border-right: 3px solid rgb(107 97 48);
|
|
height: 18px;
|
|
left: 0;
|
|
margin-left: -30px;
|
|
position: absolute;
|
|
right: -4px;
|
|
z-index: -1;
|
|
}
|
|
|
|
:host-context(.-theme-with-dark-background) .breakpoint-hit .breakpoint-hit-marker {
|
|
background-color: hsl(46deg 98% 22%);
|
|
}
|