mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 17:57:36 +08:00
Brian Cui
202a67eebb
This CL is a follow up to the minor refresh work on the main toolbar Errors, Warnings, and Issues counters [1]. The CSS has been updated to prefer class selectors instead of element selectors to match the style of other module CSS (e.g. consoleView.css and elementsPanel.css prefer class specificity). This will help avoid rule conflicts with common shared CSS and make it easier for third party themes to override. The errorWarningCounter.css file has been renamed to warningErrorCounter.css to match the name of the module and follow file naming conventions of other modules (e.g. ElementsPanel.js and elementsPanel.css). It's unclear why there was a naming difference here but it has been present for several years. [1] https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2436646 Bug: 1133060 Change-Id: Ic08f47ecff2414dd4d3efb70fbce98e5e6bf6b82 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2500743 Reviewed-by: Kalon Hinds <kahinds@microsoft.com> Reviewed-by: Mathias Bynens <mathias@chromium.org> Commit-Queue: Brian Cui <brcui@microsoft.com>
32 lines
611 B
CSS
32 lines
611 B
CSS
/*
|
|
* Copyright (c) 2015 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.
|
|
*/
|
|
|
|
:host(div:nth-child(1)) {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.toolbar-counter-button {
|
|
cursor: pointer;
|
|
background-color: #f3f3f3;
|
|
border: 1px solid #d0d0d0;
|
|
border-radius: 2px;
|
|
color: #333;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.toolbar-counter-button:hover,
|
|
.toolbar-counter-button:focus-visible {
|
|
background-color: #eaeaea;
|
|
}
|
|
|
|
.toolbar-counter-item {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.toolbar-counter-item.toolbar-counter-item-first {
|
|
margin-left: 0;
|
|
}
|