mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 12:33:47 +08:00
Rayan Kanso
c0bfdd861b
This CL incorporates some of the changes discussed in the latest UX meeting: - Reorder the columns and toolbar buttons - Display the metadata in a manner to a similar to the Network panel - Add instructions for the inital landing page and other UI states Bug: 942174 Change-Id: I7bd451377b241ec70d49c6d0b443522b43e5bcfe Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1578554 Commit-Queue: Rayan Kanso <rayankans@chromium.org> Reviewed-by: Dmitry Gozman <dgozman@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#653543} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 7150235b5070ebb8d03e4b6f4dd4ae3650cab283
50 lines
928 B
CSS
50 lines
928 B
CSS
.background-service-toolbar {
|
|
background-color: var(--toolbar-bg-color);
|
|
border-bottom: var(--divider-border);
|
|
}
|
|
|
|
.data-grid {
|
|
flex: auto;
|
|
border: none;
|
|
}
|
|
|
|
.background-service-landing-page {
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 13px;
|
|
color: #777;
|
|
}
|
|
|
|
.background-service-landing-page > div {
|
|
max-width: 450px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.background-service-landing-page > div > p {
|
|
flex: none;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.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;
|
|
} |