zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-10-12 17:45:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add focus outline to checkboxes in Layout panel

Browse Source 
This CL adds an outline for focused checkboxes. The outline style is
the same as for other checkboxes in DevTools.

Screenshot: https://i.imgur.com/R4vMUr3.png

Fixed: 1130929
Change-Id: I995f3e3fe6ea9ca916e5493d6edf0c2e7ecbce39
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2422956
Reviewed-by: Patrick Brosset <patrick.brosset@microsoft.com>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
This commit is contained in:
Alex Rudenko
2020-09-22 12:40:06 +00:00
committed by Commit Bot
parent dcc28c9f5a
commit 1e2dd0ea03
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front_end/elements/layoutPane.css
+4
View File
@@ -55,6 +55,10 @@
flex: none;
}
.checkbox-label input:focus {
outline: auto 5px -webkit-focus-ring-color;
}
.checkbox-label > span {
white-space: nowrap;
text-overflow: ellipsis;