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

Fix highlighting in network request blocking pane

Browse Source 
Fixed: 1217068
Change-Id: Icc4b6d3b5010c7e010552f8b1359172e3c36f684
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3055235
Auto-Submit: Jack Franklin <jacktfranklin@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
This commit is contained in:
Jack Franklin
2021-07-27 09:39:59 +00:00
committed by Devtools-frontend LUCI CQ
parent 8733f78d00
commit 90a36117fe
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front_end/ui/legacy/listWidget.css
+10 -12
View File
@@ -9,6 +9,13 @@
overflow-y: auto;
border: 1px solid var(--color-details-hairline);
flex-direction: column;
--override-background-list-item-color: hsl(0deg 0% 96%);
}
.-theme-with-dark-background .list,
:host-context(.-theme-with-dark-background) .list {
--override-background-list-item-color: hsl(0deg 0% 16%);
}
.list-separator {
@@ -27,7 +34,7 @@
.list-item:focus-within,
.list-item:hover {
background: var(--color-background-elevation-2);
background: var(--override-background-list-item-color);
}
.list-widget-input-validation-error {
@@ -49,16 +56,7 @@
.list-item:focus-within .controls-gradient,
.list-item:hover .controls-gradient {
--override-background-gradient-color: hsl(0deg 0% 96%);
background-image: linear-gradient(90deg, transparent, var(--override-background-gradient-color));
}
.-theme-with-dark-background .list-item:focus-within .controls-gradient,
.-theme-with-dark-background .list-item:hover .controls-gradient,
:host-context(.-theme-with-dark-background) .list-item:focus-within .controls-gradient,
:host-context(.-theme-with-dark-background) .list-item:hover .controls-gradient {
--override-background-gradient-color: rgb(10 10 10);
background-image: linear-gradient(90deg, transparent, var(--override-background-list-item-color));
}
.controls-buttons {
@@ -72,7 +70,7 @@
.list-item:focus-within .controls-buttons,
.list-item:hover .controls-buttons {
background-color: var(--color-background-elevation-2);
background-color: var(--override-background-list-item-color);
visibility: visible;
}