mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-11 14:14:36 +08:00
Jan Scheffler
6dae5a2dbb
This patch adds text-overflow:ellipsis to the checkbox next to "Clear site data" to prevent it from forcing scrollbars on small screens. Fixed: chromium:1159345 Change-Id: I87e1577ad3627c6a6b933cc393157c702795fde1 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2599743 Commit-Queue: Jan Scheffler <janscheffler@chromium.org> Reviewed-by: Mathias Bynens <mathias@chromium.org>
76 lines
1.2 KiB
CSS
76 lines
1.2 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: red;
|
|
}
|
|
|
|
.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;
|
|
}
|