mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 05:35:05 +08:00
This CL re-enables the toolbar for the issues tab and adds a checkbox to allow users to enable/disable inclusion of third-party issues in the list. The default will off, so that issues caused by third parties are not shown. Screenshots: https://imgur.com/a/weQBIRd R=petermueller@chromium.org, sigurds@chromium.org Bug: chromium:1080589 Change-Id: I9bb85c420f356e9e6da89d71e01ed964a645dc12 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2339136 Commit-Queue: Simon Zünd <szuend@chromium.org> Reviewed-by: Sigurd Schneider <sigurds@chromium.org> Reviewed-by: Peter Müller <petermueller@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: flex;
|
|
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;
|
|
}
|