mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 01:43:36 +08:00
Yang Guo
23dd4bcf0e
DevTools UI should behave like browser UI. Therefore interactive UI elements should not need to change the mouse cursor to a hand with pointing finger. In particular, this CL removes `cursor: pointer` for - toolbar icons - buttons - panel tabs (vertical and horizontal) - issues hint icon - computed styles - Trust token delete button - adorners - data grid header for sorting - code folding marker in CodeMirror - animation previews - DOM tree guttor '...' menu - elements bread crumbs overflow buttons - color blocks in CSS Overview - device preset bars - devices list items - network request header and payload views - Media panel - delete buttons for watch expression and event listeners Bug: 1291516 Change-Id: I182c43a43b94de31d1d8f2db4cd7831e82c535bb Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3447411 Reviewed-by: Changhao Han <changhaohan@chromium.org> Commit-Queue: Yang Guo <yangguo@chromium.org>
29 lines
552 B
CSS
29 lines
552 B
CSS
/*
|
|
* Copyright (c) 2021 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.
|
|
*/
|
|
|
|
.delete-button {
|
|
width: 16px;
|
|
height: 16px;
|
|
background: transparent;
|
|
overflow: hidden;
|
|
border: none;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
|
|
.delete-button:hover devtools-icon {
|
|
--icon-color: var(--color-text-primary);
|
|
}
|
|
|
|
.delete-button:focus devtools-icon {
|
|
--icon-color: var(--color-text-secondary);
|
|
}
|
|
|
|
.button-container {
|
|
display: block;
|
|
text-align: center;
|
|
}
|