Files
react-native-devtools-frontend/front_end/elements/computedStyleSidebarPane.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

47 lines
1.1 KiB
CSS

/*
* Copyright (c) 2015 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.
*/
.computed-properties {
user-select: text;
flex-shrink: 0;
}
.styles-sidebar-pane-toolbar {
border-bottom: 1px solid #eee; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
flex-shrink: 0;
}
.styles-sidebar-pane-filter-box {
flex: auto;
display: flex;
}
.styles-sidebar-pane-filter-box > input {
outline: none !important;
border: none;
width: 100%;
background: var(--color-background);
padding-left: 4px;
margin: 3px;
}
.styles-sidebar-pane-filter-box > input:focus,
.styles-sidebar-pane-filter-box > input:not(:placeholder-shown) {
box-shadow: var(--focus-ring-active-shadow);
}
.styles-sidebar-pane-filter-box > input::placeholder {
color: rgb(0 0 0 / 54%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
@media (forced-colors: active) {
.styles-sidebar-pane-filter-box > input {
border: 1px solid ButtonText;
}
}