mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 01:43:36 +08:00
Changhao Han
6f6fbc0a9c
This CL includes the following fixes/UX improvements: - Allow user selection and clicking to source in Changes tab - Match green change indicator with multiple changed lines - Move style section bottom toolbar down to leave room for copy button These come from this doc: https://docs.google.com/document/d/1DMM-oK64W0V9pbZ0fZLZ44Lxwg3OyjZ6fh3iCXNIRDY/edit Bug: 1268754, 1297825, 1317599, 1299278 Change-Id: I04a7555feea2c900db182123d248ec3294e3991f Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3607837 Reviewed-by: Mathias Bynens <mathias@chromium.org> Reviewed-by: Johan Bay <jobay@chromium.org> Commit-Queue: Changhao Han <changhaohan@chromium.org>
76 lines
1.7 KiB
CSS
76 lines
1.7 KiB
CSS
/*
|
|
* Copyright 2021 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.
|
|
*/
|
|
|
|
.diff-listing {
|
|
display: grid;
|
|
grid-template-columns: max-content max-content max-content auto;
|
|
font-family: var(--source-code-font-family);
|
|
font-size: var(--source-code-font-size);
|
|
white-space: pre;
|
|
line-height: 1.2em;
|
|
user-select: text;
|
|
}
|
|
|
|
.diff-line-number {
|
|
color: var(--color-line-number);
|
|
padding: 0 3px 0 9px;
|
|
text-align: right;
|
|
user-select: none;
|
|
}
|
|
|
|
.diff-line-marker {
|
|
border-right: 1px solid var(--color-details-hairline);
|
|
width: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.diff-line-content {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.diff-line-marker-addition,
|
|
.diff-line-addition {
|
|
--override-addition-background-color: hsl(144deg 55% 49% / 20%);
|
|
|
|
background-color: var(--override-addition-background-color);
|
|
}
|
|
|
|
.diff-line-marker-deletion,
|
|
.diff-line-deletion {
|
|
--override-deletion-background-color: rgb(255 0 0 / 20%);
|
|
|
|
background-color: var(--override-deletion-background-color);
|
|
}
|
|
|
|
.diff-line-addition .inner-diff {
|
|
--override-addition-inner-diff-background-color: hsl(144deg 55% 49% / 30%);
|
|
|
|
background-color: var(--override-addition-inner-diff-background-color);
|
|
}
|
|
|
|
.diff-line-deletion .inner-diff {
|
|
--override-deletion-inner-diff-background-color: rgb(255 0 0 / 30%);
|
|
|
|
background-color: var(--override-deletion-inner-diff-background-color);
|
|
}
|
|
|
|
.diff-hidden-text {
|
|
display: inline-block;
|
|
width: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.diff-line-equal {
|
|
opacity: 50%;
|
|
}
|
|
|
|
.diff-line-spacer {
|
|
--override-spacer-background-color: rgb(0 0 255 / 10%);
|
|
|
|
text-align: center;
|
|
background-color: var(--override-spacer-background-color);
|
|
}
|