mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-11-05 20:59:26 +08:00
Tim van der Lippe
af02decd68
To make sure that any newly written CSS files for new components do not use !important, since they will be using shadow DOM. Moreover, !important is usually an anti-pattern that makes it harder to reason about CSS cascading. It is also disallowed internally at Google. R=jacktfranklin@chromium.org Bug: none Change-Id: Idcd2c90d01ff2e782a02d0a4631be384b1a3ca74 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2871716 Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Mathias Bynens <mathias@chromium.org> Commit-Queue: Mathias Bynens <mathias@chromium.org>
45 lines
1.0 KiB
CSS
45 lines
1.0 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 var(--color-details-hairline-light);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.styles-sidebar-pane-filter-box {
|
|
flex: auto;
|
|
display: flex;
|
|
}
|
|
|
|
.styles-sidebar-pane-filter-box > input {
|
|
outline: none !important; /* stylelint-disable-line declaration-no-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(--legacy-focus-ring-active-shadow);
|
|
}
|
|
|
|
.styles-sidebar-pane-filter-box > input::placeholder {
|
|
color: var(--color-text-disabled);
|
|
}
|
|
|
|
@media (forced-colors: active) {
|
|
.styles-sidebar-pane-filter-box > input {
|
|
border: 1px solid ButtonText;
|
|
}
|
|
}
|