mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-13 01:54:52 +08:00
Michael Liao
3df126818a
Changes: - Infobar buttons are keyboard accessible Infobar button focus: https://imgur.com/a/z9r8wvt Reduced button size and added margin (current implementation): https://imgur.com/ZElowjJ Bug: 963183 Change-Id: Ied028e357be961cc70fde45b952ce8dbf4a7c384 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1657229 Commit-Queue: Michael Liao <michael.liao@microsoft.com> Reviewed-by: Peter Marshall <petermarshall@chromium.org> Reviewed-by: Yang Guo <yangguo@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#702653} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 46cbf4cdaa3b18d16805b9ec36a21cfaa46d88db
43 lines
859 B
CSS
43 lines
859 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.
|
|
*/
|
|
|
|
.close-button {
|
|
width: 14px;
|
|
height: 14px;
|
|
cursor: default;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.hover-icon, .active-icon {
|
|
display: none;
|
|
}
|
|
|
|
.close-button:hover .default-icon, .close-button:active .default-icon {
|
|
display: none;
|
|
}
|
|
|
|
.close-button:hover .hover-icon {
|
|
display: block;
|
|
}
|
|
|
|
.close-button[data-keyboard-focus="true"]:focus .default-icon, .close-button:active .default-icon {
|
|
display: none;
|
|
}
|
|
|
|
.close-button[data-keyboard-focus="true"]:focus .hover-icon {
|
|
display: block;
|
|
}
|
|
|
|
.close-button:active .hover-icon {
|
|
display: none !important;
|
|
}
|
|
|
|
.close-button:active .active-icon {
|
|
display: block;
|
|
}
|