mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 09:54:02 +08:00
Wolfgang Beyer
5d428ab834
by adding an `outline-offset`. Before: https://i.imgur.com/J8JUune.png After: https://i.imgur.com/qToynUz.png Fixed: 1378525 Change-Id: I32cb7cb2b725cebf74e095d378c05179458d0fad Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4009038 Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
48 lines
895 B
CSS
48 lines
895 B
CSS
/*
|
|
* Copyright (c) 2022 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.
|
|
*/
|
|
|
|
.devtools-link {
|
|
color: var(--color-link);
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.devtools-link:focus-visible {
|
|
outline-width: unset;
|
|
}
|
|
|
|
input.devtools-text-input[type="text"] {
|
|
padding: 3px 6px;
|
|
margin-left: 4px;
|
|
margin-right: 4px;
|
|
width: 250px;
|
|
height: 25px;
|
|
}
|
|
|
|
input.devtools-text-input[type="text"]::placeholder {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.protocol-handlers-row {
|
|
margin: 10px 0 2px 18px;
|
|
}
|
|
|
|
.inline-icon {
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
@media (forced-colors: active) {
|
|
.devtools-link:not(.devtools-link-prevent-click) {
|
|
color: linktext;
|
|
}
|
|
|
|
.devtools-link:focus-visible {
|
|
background: Highlight;
|
|
color: HighlightText;
|
|
}
|
|
}
|