zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-09-29 16:57:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix Performance/Network panel toolbar.

Browse Source 
The Network and Performance panels keep the settings button on the
right always, even when the rest of the toolbar items wrap around.
This fixes the CSS to restore this looks.

Fixed: 388956590
Bug: 388445687
Change-Id: I302720c1325eca73ca5f81b2af2803df775cfd85
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6171170
Auto-Submit: Benedikt Meurer <bmeurer@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
This commit is contained in:
Benedikt Meurer
2025-01-12 23:06:09 -08:00
committed by Devtools-frontend LUCI CQ
parent a9ffd92dbe
commit ffc29994a0
2 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front_end/panels/network/networkPanel.css
+4 -7
View File
@@ -157,15 +157,12 @@
.network-toolbar-container {
display: flex;
flex: none;
}
.network-toolbar-container > :first-child {
flex: 1 1 auto;
}
.panel.network devtools-toolbar {
background-color: var(--sys-color-cdt-base-container);
border-bottom: 1px solid var(--sys-color-divider);
& > :first-child {
flex: 1 1 auto;
}
}
@media (forced-colors: active) {
front_end/panels/timeline/timelinePanel.css
+3 -6
View File
@@ -30,15 +30,12 @@
.timeline-toolbar-container {
display: flex;
flex: none;
}
.timeline-toolbar-container > devtools-toolbar {
background-color: var(--sys-color-cdt-base-container);
border-bottom: 1px solid var(--sys-color-divider);
}
.timeline-main-toolbar {
flex: 1 1 auto;
& > :first-child {
flex: 1 1 auto;
}
}
.timeline-settings-pane {