mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 12:33:47 +08:00
Alex Rudenko
7231d11baf
Bug: chromium:1083142 Change-Id: I6d576bec93335fc26c46b2b6e71ee131d9cf84c7 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2282341 Reviewed-by: Mathias Bynens <mathias@chromium.org> Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
70 lines
1.4 KiB
CSS
70 lines
1.4 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.
|
|
*/
|
|
|
|
.timeline-status-dialog {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 16px 16px 12px 16px;
|
|
align-self: center;
|
|
background-color: white;
|
|
box-shadow: var(--drop-shadow);
|
|
}
|
|
|
|
.status-dialog-line {
|
|
margin: 2px;
|
|
height: 14px;
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.status-dialog-line .label {
|
|
display: inline-block;
|
|
width: 80px;
|
|
text-align: right;
|
|
color: #aaa;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.timeline-status-dialog .progress .indicator-container {
|
|
display: inline-block;
|
|
width: 200px;
|
|
height: 8px;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.timeline-status-dialog .progress .indicator {
|
|
background-color: rgb(112 166 255);
|
|
height: 100%;
|
|
width: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.timeline-status-dialog .stop-button {
|
|
margin-top: 8px;
|
|
height: 100%;
|
|
align-self: flex-end;
|
|
}
|
|
|
|
.timeline-status-dialog .stop-button button {
|
|
min-width: 80px;
|
|
}
|
|
|
|
@media (forced-colors: active) {
|
|
.timeline-status-dialog {
|
|
border: 1px solid canvastext;
|
|
}
|
|
|
|
.timeline-status-dialog .progress .indicator-container {
|
|
border: 1px solid ButtonText;
|
|
background-color: ButtonFace;
|
|
}
|
|
|
|
.timeline-status-dialog .progress .indicator {
|
|
forced-color-adjust: none;
|
|
background-color: ButtonText;
|
|
}
|
|
}
|