Adapt Tracks to High Contrast Mode.#5252
Conversation
d3ee54b to
583f389
Compare
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #5252 +/- ##
=======================================
Coverage 86.08% 86.08%
=======================================
Files 311 311
Lines 29678 29678
Branches 8190 8190
=======================================
Hits 25548 25548
Misses 3548 3548
Partials 582 582 ☔ View full report in Codecov by Sentry. |
julienw
left a comment
There was a problem hiding this comment.
Actually the way you changed the implementation brings some subtle changes:
Adjacent selected tracks now have the track border "spilling" over into the selected border:

Also global tracks now have their bottom box shadow spill over into the grey gutter at the right:

So I believe it would be best to revert the structural changes and only include the changes needed for the high contrast mode to work.
583f389 to
92cac31
Compare
julienw
left a comment
There was a problem hiding this comment.
See the previous comment
This patch makes the tracks and their "hide" button use system colors for selected and hovered style.
92cac31 to
4de26b8
Compare
julienw
left a comment
There was a problem hiding this comment.
This looks good to me!
The only thing that could be better, at least on my computer, is the hover style for the close button in light mode: it doesn't standout properly.
Also in dark mode: I feel like it's backwards: the border is white when not hovering, and dark when hovering (making it nearly disappear).
But they are small things and I'm fine merging it like that. But I'd be curious to know how it is on MacOS though.
Updates: [Julien Wajsberg] Some more small refactorings (#5320) [Markus Stange] Pass the correct sample index offset to getTimingsForCallNodeIndex for the flame graph tooltip. (#5328) [Nisarg Jhaveri] Update docs to include Android Studio/Simpleperf trace file support (#5309) [Markus Stange] Don't pass the preview filtered thread to getTimingsForPath/CallNodeIndex. (#5329) [Nazım Can Altınova] Add a "Sample timestamp" field to the sample tooltip in timeline (#5322) [Markus Stange] Reduce confusion between call tree summary strategy aware samples and regular samples (#5330) [Markus Stange] Rename this getCounter selector to getCounters. (#5337) [Markus Stange] Make sample indexes compatible between the unfiltered and (preview) filtered call tree summary strategy samples when using an allocation strat> [Markus Stange] Remove some code that uses the preview filtered thread (#5336) [Markus Stange] Remove getMarkerSchemaName special cases - look up marker schemas from data.type and nothing else (#5293) [Markus Stange] Remove the makeProfileSerializable step - make the raw in-memory profile match the format that's stored in the file (#5287) [Nicolas Chevobbe] Adapt FilterNavigatorBar to High Contrast Mode. (#5257) [Nicolas Chevobbe] Adapt Tracks to High Contrast Mode. (#5252) [Markus Stange] Adjust string index fields in markers when merging threads (#5344) [Theodoros Nikolaou] Localize title and aria label in ProfileName (#5345) [Julien Wajsberg] Adapt time-slice selection in High Contrast Mode. (#5259) [Markus Stange] Make stackTable (sub)category derived data (#5342) [Markus Stange] Compute cpuRatio values when computing the derived thread (#5288) [Nazım Can Altınova] Add a context menu item to open the JS scripts in DevTools debugger (#5295) Also thanks to our localizers: el: Jim Spentzos fr: Théo Chevalier it: Francesco Lodolo [:flod] zh-TW: Pin-guang Chen






This patch makes the selected track use system colors for selected and hovered style.
It also switches from using a box-shadow to a before pseudo element to draw the left selected indicator so it's easier to handle.
We also add a few CSS variables simplify computation.
Here Screenshots track is hovered, GPU Process is selected