mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-11-04 20:29:38 +08:00
Simon Zünd
51cfa472ac
Instead of a blank white pane we gray the issues panel out and render a 'no issues detected' message. The message is only shown when we don't prompt the user to reload the page. Screenshots: https://imgur.com/a/xFsJrOe R=sigurds@chromium.org Bug: chromium:1053466 Change-Id: I0de2cb12b0f5411a8813fd53c9191b00dd6155d0 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2193585 Reviewed-by: Sigurd Schneider <sigurds@chromium.org> Commit-Queue: Simon Zünd <szuend@chromium.org>
38 lines
676 B
CSS
38 lines
676 B
CSS
/*
|
|
* Copyright (c) 2020 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.
|
|
*/
|
|
|
|
.issues-pane {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.issues-pane-no-issues {
|
|
align-items: center;
|
|
background-color: lightgray;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
font-size: 18px;
|
|
justify-content: center;
|
|
padding: 30px;
|
|
}
|
|
|
|
.issues-toolbar-container {
|
|
display: none;
|
|
flex: none;
|
|
}
|
|
|
|
.issues-toolbar-container > .toolbar {
|
|
background-color: var(--toolbar-bg-color);
|
|
border-bottom: var(--divider-border);
|
|
}
|
|
|
|
.issues-toolbar-left {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.issues-toolbar-right {
|
|
padding-right: 6px;
|
|
}
|