Files
react-native-devtools-frontend/front_end/object_ui/objectPopover.css
T
Jack Franklin 49a9481a74 Lint color usage in background and border-* properties.
The list of CSS properties we check for colors wasn't thorough and
didn't include `border-left/right/top/bottom` or `background` on its
own. This CL fixes that and disables the rule for any current
violations.

Bug: 1152736
Change-Id: Ic732d653fdfab0462a04dc891bcece1f44e5d471
No-Presubmit: true
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2676157
Reviewed-by: Paul Lewis <aerotwist@chromium.org>
Commit-Queue: Paul Lewis <aerotwist@chromium.org>
Auto-Submit: Jack Franklin <jacktfranklin@chromium.org>
2021-02-05 15:39:39 +00:00

60 lines
1.3 KiB
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.
*/
.object-popover-content {
display: block;
position: relative;
overflow: hidden;
flex: 1 1 auto;
}
.object-popover-title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: bold;
padding-left: 18px;
padding-bottom: 2px;
}
.object-popover-tree {
border-top: 1px solid rgb(184 184 184); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
overflow: auto;
width: 100%;
height: calc(100% - 13px);
}
.object-popover-container {
display: inline-block;
}
.function-popover-title {
border-bottom: 1px solid #aaa; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
margin-bottom: 3px;
padding-bottom: 2px;
display: flex;
justify-content: space-between;
align-items: center;
}
.function-popover-title .function-name {
font-weight: bold;
}
.function-title-link-container {
display: flex;
align-items: center;
position: relative;
margin-left: 10px;
}
.function-title-link-container .devtools-link {
white-space: nowrap;
overflow: hidden;
}