Files
react-native-devtools-frontend/front_end/sources/javaScriptBreakpointsSidebarPane.css
T
Erik Luo 6282eab176 [DevTools] add margins to align breakpoints, search results
Screenshot: https://imgur.com/a/YlClsZ0

Bug: none
Change-Id: Ic6732ba029cb0c03a166db77b32daf31f3b79cfa
Reviewed-on: https://chromium-review.googlesource.com/c/1290199
Reviewed-by: Andrey Lushnikov <lushnikov@chromium.org>
Commit-Queue: Andrey Lushnikov <lushnikov@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#601027}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: d0e20502b913accb893935890eb5db0139b7b417
2018-10-19 02:16:38 +00:00

44 lines
911 B
CSS

/*
* Copyright 2017 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.
*/
.breakpoint-entry {
padding: 3px 8px 3px 8px;
min-height: 18px;
line-height: 15px;
border-top: 1px solid #efefef;
}
.breakpoint-entry [is=dt-checkbox] {
max-width: 100%;
white-space: nowrap;
}
:not(.breakpoints-list-deactivated) > .breakpoint-entry:hover {
background-color: #eee;
}
.breakpoint-entry > .source-text {
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-left: 22px;
}
.breakpoints-list-deactivated {
background-color: #eee;
opacity: 0.3;
}
.breakpoint-hit {
background-color: rgb(255, 255, 194);
}
:host-context(.-theme-with-dark-background) .breakpoint-hit {
background-color: hsl(46, 98%, 22%);
color: #ccc;
}