mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 17:57:36 +08:00
Mathias Bynens
ca9fa2d73f
- Prefer the modern comma-free CSS color function syntax over the legacy syntax. [1] - Explicitly use the `deg` suffix for angle values in colors, to clarify the range. - Explicitly use the `%` suffix for percentages instead of formatting the value as a number, again to clarify the range. [1]: https://twitter.com/mathias/status/1253242715304857601 [2]: https://goo.gle/devtools-css-color Bug: chromium:1083142 Fixed: chromium:1073885 Change-Id: I8e1582a2dee3553a61df88564051ea84c2011d76 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2209091 Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Auto-Submit: Mathias Bynens <mathias@chromium.org>
69 lines
1.2 KiB
CSS
69 lines
1.2 KiB
CSS
.background-service-toolbar {
|
|
background-color: var(--toolbar-bg-color);
|
|
border-bottom: var(--divider-border);
|
|
}
|
|
|
|
.data-grid {
|
|
flex: auto;
|
|
border: none;
|
|
}
|
|
|
|
.background-service-preview {
|
|
position: absolute;
|
|
background-color: white;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: auto;
|
|
font-size: 13px;
|
|
color: #777;
|
|
}
|
|
|
|
.background-service-preview > div {
|
|
max-width: 450px;
|
|
margin: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.background-service-preview > div > p {
|
|
flex: none;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.background-service-shortcut {
|
|
color: hsl(0deg 0% 50% / 100%);
|
|
}
|
|
|
|
.background-service-metadata {
|
|
padding-left: 5px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.background-service-metadata-entry {
|
|
padding-left: 10px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.background-service-metadata-name {
|
|
color: rgb(33% 33% 33%);
|
|
display: inline-block;
|
|
margin-right: 0.25em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.background-service-metadata-value {
|
|
display: inline;
|
|
margin-right: 1em;
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
user-select: text;
|
|
}
|
|
|
|
.background-service-empty-value {
|
|
color: #888;
|
|
font-style: italic;
|
|
}
|
|
|
|
.background-service-record-inline-button {
|
|
margin-bottom: 6px;
|
|
}
|