Skip to content

Conversation

@canova
Copy link
Member

@canova canova commented Jun 5, 2025

Fixes #5458.

This PR fixes these track border/horizontal separator issues:

First commit fixes the issue where it's not right clickable on the blue active thread indicator. It also tries to simplify this indicator by removing a bunch of calcs.

Second commit fixes the issue that it's not right clickable on the top border of the thread label.

Deploy preview / production

@codecov
Copy link

codecov bot commented Jun 5, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.04%. Comparing base (eda47ae) to head (b701676).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #5484   +/-   ##
=======================================
  Coverage   86.04%   86.04%           
=======================================
  Files         312      312           
  Lines       30368    30368           
  Branches     8299     8299           
=======================================
  Hits        26129    26129           
  Misses       3644     3644           
  Partials      595      595           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@canova canova requested a review from julienw June 5, 2025 14:41
@canova canova force-pushed the track-border-issues branch from e4c3d5a to b701676 Compare June 5, 2025 14:42
Copy link
Contributor

@julienw julienw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, this looks good to me, included in high-contrast mode.
Can you please change the comment in line 174 too? As it's not reflecting the situation after this patch.

Comment on lines 170 to 171
/* We want the width to look like it's 150px, but need to substract the
* margin and the 1px border */
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the comment is incorrect, it was copied from timelineTrackLabel.

It might be worth using variables for the global trrack's width (150px) and the local track's margin (15px), and still use a calc here for documentation purpose?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed it, thanks.

@canova canova force-pushed the track-border-issues branch from 1055614 to a4ba7fe Compare June 12, 2025 14:14
canova added 3 commits June 12, 2025 16:15
Previously it was doing a lot more `calc`s because it was happening in
the parent div. This commit changes the box-shadow into an inset
box-shadow so we don't have to change the width all the time. But we
still need to change the width once to remove the left border for the
local tracks.
…ldren instead

Adding the border to the children, so we can right click on the left
track label and that would still open the context menu.
@canova canova force-pushed the track-border-issues branch from a4ba7fe to b40d197 Compare June 12, 2025 14:15
@canova canova merged commit c9587f3 into firefox-devtools:main Jun 12, 2025
12 of 13 checks passed
@canova canova deleted the track-border-issues branch June 12, 2025 15:50
@canova canova mentioned this pull request Jul 11, 2025
canova added a commit that referenced this pull request Jul 11, 2025
Changes:

[Nazım Can Altınova] Fix issues related to the track borders (#5484)
[Nazım Can Altınova] Remove the active tab and origins views (#5483)
[Julien Wajsberg] Automatically request reviews for dependency updates
(#5490)
[Julien Wajsberg] Update fetch-mock-jest to @fetch-mock/jest (#5488)
[Steve Fink] Document marker filter syntax (#5493)
[Nazım Can Altınova] Update all of jest 29.7.0 → 30.0.0 (major) (#5495)
[Nazım Can Altınova] Order global tracks by activity and select the most
active non-parent process by default (#5491)
[Paul Adenot] Allow searching for HTTP response status in marker views
(#5504)
[Nazım Can Altınova] Expose a `totalMarkerDuration` function in console
(#5507)
[Nazım Can Altınova] 🔃 Sync: l10n -> main (July 11, 2025) (#5510)

And thanks to our localizers:

el: Jim Spentzos
kab: ZiriSut
tr: Grk
tr: Selim Şumlu
uk: Artem Polivanchuk
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Right-clicking the horizontal separator between tracks in the timeline doesn't open the track selection menu - it opens the browser context menu instead

2 participants