mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-08 20:58:24 +08:00
This CL also converts the layout test storage-view-reports-quota.js to an e2e test. Bug: chromium:945786 Change-Id: I9ae73e41e564318474089e7ba312f3379893e847 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2667200 Commit-Queue: Sigurd Schneider <sigurds@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Wolfgang Beyer <wolfi@chromium.org>
77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
/*
|
|
* Copyright 2016 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.
|
|
*/
|
|
|
|
.report-row {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: normal;
|
|
}
|
|
|
|
.clear-storage-button .report-row {
|
|
margin: 0 0 0 17px;
|
|
display: flex;
|
|
}
|
|
|
|
.link {
|
|
margin-left: 10px;
|
|
display: none;
|
|
}
|
|
|
|
.report-row:hover .link {
|
|
display: inline;
|
|
}
|
|
|
|
.quota-override-editor-with-button {
|
|
align-items: baseline;
|
|
display: flex;
|
|
}
|
|
|
|
.quota-override-notification-editor {
|
|
border: solid 1px var(--color-background-highlight);
|
|
display: flex;
|
|
flex: auto;
|
|
margin-right: 4px;
|
|
max-width: 200px;
|
|
min-width: 50px;
|
|
min-height: 24px;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.quota-override-notification-editor:focus {
|
|
border: solid 1px var(--color-primary-variant);
|
|
}
|
|
|
|
.quota-override-error {
|
|
padding-top: 10px;
|
|
color: #f00; /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.usage-breakdown-row {
|
|
min-width: fit-content;
|
|
}
|
|
|
|
.clear-storage-container {
|
|
overflow: auto;
|
|
}
|
|
|
|
.clear-storage-header {
|
|
min-width: 400px;
|
|
}
|
|
|
|
.report-content-box {
|
|
overflow: initial;
|
|
}
|
|
|
|
.include-third-party-cookies {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-left: 16px;
|
|
}
|