Skip to content

Move paddings inside the tree header cells.#6002

Merged
mstange merged 1 commit into
firefox-devtools:mainfrom
mstange:push-vwxznysqqysm
Jun 4, 2026
Merged

Move paddings inside the tree header cells.#6002
mstange merged 1 commit into
firefox-devtools:mainfrom
mstange:push-vwxznysqqysm

Conversation

@mstange

@mstange mstange commented May 6, 2026

Copy link
Copy Markdown
Contributor

Main | Deploy preview

When we make columns sortable, this will offer a bigger click target and mousedown feedback area.

@mstange mstange force-pushed the push-vwxznysqqysm branch from 2d34292 to 1b6eaf9 Compare May 7, 2026 21:17
@codecov

codecov Bot commented May 7, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 83.70%. Comparing base (cef92f1) to head (2fd6ce9).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #6002   +/-   ##
=======================================
  Coverage   83.70%   83.70%           
=======================================
  Files         337      337           
  Lines       35575    35575           
  Branches     9878     9971   +93     
=======================================
  Hits        29778    29778           
  Misses       5369     5369           
  Partials      428      428           

☔ View full report in Codecov by Harness.
📢 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.

@mstange mstange force-pushed the push-vwxznysqqysm branch 4 times, most recently from 39c9b51 to b0c8fbd Compare June 3, 2026 15:41
@mstange mstange marked this pull request as ready for review June 3, 2026 15:41
@mstange mstange requested a review from canova June 3, 2026 15:41
@mstange mstange force-pushed the push-vwxznysqqysm branch 2 times, most recently from 9cde69d to 274a6a7 Compare June 4, 2026 15:14

@canova canova left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I've updated the width values in the JS code so that the outcome looks the same as before.

Call tree looks pretty good to me, but marker table looks pretty different. Was that intentional?

@mstange

mstange commented Jun 4, 2026

Copy link
Copy Markdown
Contributor Author

but marker table looks pretty different. Was that intentional?

Oops, no, let me fix that.

When we make columns sortable, this will offer a bigger click
target and mousedown feedback area.

This commit does two things:

- The distance between the column header text and the separator
  now becomes part of the header cell (using padding).
- The width of the header cell now includes the padding
  (box-sizing: border-box), so it changes its meaning.

I've updated the width values in the JS code so that the outcome 
looks the same as before.

I adjusted the numbers based on these rules:
- By default: minWidth and initialidth is increased by 10 - this
  matches the "includes padding" change because we now have 5px
  of padding on each side (10px total).
- The first column increases by 5px less because it didn't have a
  5px column separate distance in front of it in the past.
- The columns with headerWidthAdjustment don't increase their width
  at all because they didn't contribute any separator distance in
  the past (because their preceding column has hideDividerAfter:true).
@mstange mstange force-pushed the push-vwxznysqqysm branch from 274a6a7 to 2fd6ce9 Compare June 4, 2026 15:36
@mstange

mstange commented Jun 4, 2026

Copy link
Copy Markdown
Contributor Author

Marker table should be fixed now.

@canova canova left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks!

@mstange mstange merged commit d058937 into firefox-devtools:main Jun 4, 2026
23 checks passed
@canova canova mentioned this pull request Jun 16, 2026
canova added a commit that referenced this pull request Jun 16, 2026
Changes:

[Nazım Can Altınova] Fix call node context menu being hidden behind
source view bottom box (#6045)
[Nazım Can Altınova] Pass `--use-env-proxy` only when the node version
is >= 24 (#6064)
[fatadel] Upgrade @firefox-devtools/react-contextmenu to 5.2.4 (#6066)
[Markus Stange] Switch profiler-edit from minimist to commander (#6065)
[Markus Stange] Support reading profiles from JsonSlabs files (#6037)
[Florian Quèze] Don't fail profile processing when a marker's stack
field is not a backtrace (#6069)
[fatadel] Replace the footer-links overlay with a settings menu (#6042)
[fatadel] Upgrade @types/node to match Node 24 (#6070)
[fatadel] Remove unused undici-types package (#6074)
[cathaysia] Update isLocalURL to include LAN addresses, .local domains,
and hostn… (#5973)
[Markus Stange] Fix from-url with binary profiles (#6072)
[fatadel] Upgrade to React 19 (#6067)
[Markus Stange] Add an insertStackLabels helper. (#6076)
[fatadel] Drive counter tooltips from a tooltipRows schema (#6023)
[fatadel] Add TrackPower--tooltip-average-power-microwatt (#6080)
[Markus Stange] Downgrade to React 19.1 to fix unusable dev build
performance. (#6082)
[Nazım Can Altınova] Add source map symbolication and source view
support (#6018)
[spokodev] fix(FilterNavigatorBar): clip overflow so many breadcrumbs do
not expand the parent (#6085)
[Markus Stange] Move paddings inside the tree header cells. (#6002)
[Markus Stange] Add an --insert-label-frames argument to the
profiler-edit tool (#5966)
[Markus Stange] Stop printing "error: too many arguments" during tests.
(#6088)
[Markus Stange] More additions to profiler-edit, for sp3 profiles
(#6009)
[Nazım Can Altınova] Do not rely on localized texts in the settings menu
tests (#6101)

And special thanks to our localizers:

be: Andrei Mukamolau
de: Ger
de: Michael Köhler
de: Ralf Duehnfahr
el: Jim Spentzos
en-CA: chutten
en-GB: Ian Neal
es-CL: ravmn
fr: Théo Chevalier
fr: wy
fur: Fabio Tomat
fy-NL: Fjoerfoks
ia: Melo46
it: Francesco Lodolo [:flod]
nl: Mark Heijl
ru: Valery Ledovskoy
sr: Марко Костић (Marko Kostić)
sv-SE: Andreas Pettersson
tr: Grk
tr: Selim Şumlu
zh-CN: Olvcpr423
zh-TW: Pin-guang Chen
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.

2 participants