mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 12:33:47 +08:00
Wolfgang Beyer
bc82610f9c
When using huge fonts it was possible to see 2 horizontal scrollbars in the application panel's 'clear storage' view (could reproduce on MacOS, not on Linux). This is fixed by allowing line breaks. Screenshots: Before: https://i.imgur.com/FTdm6Qv.png After: https://i.imgur.com/nV6D1xd.png Fixed: chromium:1134041 Change-Id: Ie15a8121182e0d81e349fa6c647fa30e0c0ee4e0 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2443614 Reviewed-by: Simon Zünd <szuend@chromium.org> Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
38 lines
574 B
CSS
38 lines
574 B
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;
|
|
}
|
|
|
|
.usage-breakdown-row {
|
|
min-width: fit-content;
|
|
}
|
|
|
|
.clear-storage-container {
|
|
overflow: auto;
|
|
}
|
|
|
|
.clear-storage-header {
|
|
min-width: 400px;
|
|
}
|