Skip to content

Display the marker description at the top inside the marker tooltips#5534

Merged
canova merged 2 commits intofirefox-devtools:mainfrom
canova:schema-description
Aug 4, 2025
Merged

Display the marker description at the top inside the marker tooltips#5534
canova merged 2 commits intofirefox-devtools:mainfrom
canova:schema-description

Conversation

@canova
Copy link
Member

@canova canova commented Aug 1, 2025

Previously the "Description" field from marker schema was displayed at the bottom of the marker fields inside the marker tooltips. This PR moves this field to the top instead.

Before:
Screenshot 2025-08-01 at 3 42 23 PM

After:

Screenshot 2025-08-01 at 3 42 45 PM

Deploy preview: production / deploy preview

@canova canova requested a review from mstange August 1, 2025 13:43
@codecov
Copy link

codecov bot commented Aug 1, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 86.13%. Comparing base (5e2b8af) to head (f2ad64c).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #5534   +/-   ##
=======================================
  Coverage   86.13%   86.13%           
=======================================
  Files         307      307           
  Lines       29760    29760           
  Branches     8032     8032           
=======================================
  Hits        25633    25633           
  Misses       3537     3537           
  Partials      590      590           

☔ 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.

Copy link
Contributor

@mstange mstange left a comment

Choose a reason for hiding this comment

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

I'm happy to try this but I wouldn't be surprised if it ends up getting in the way. For example when you're looking at UserTiming markers you may soon get tired of seeing the same description in every tooltip and having it right at the top. Though for UserTiming markers at least the tooltip label contains everything you need so you don't need to look at the field values.

@mstange
Copy link
Contributor

mstange commented Aug 1, 2025

So I think we should be open to reverting this or to finding a different solution if we end up finding it annoying.

@canova
Copy link
Member Author

canova commented Aug 1, 2025

Hmm, yeah I was mostly thinking the new users when I was working on this PR. And also I wanted to make it consistent with the GCMajor marker. It's "description" is already at the top:
Screenshot 2025-08-01 at 4 50 46 PM

I'm okay with putting this in either direction. But I think it's good to at least be consistent. So maybe we can move the description of GCMajor (and others if we have) down.

@canova
Copy link
Member Author

canova commented Aug 4, 2025

Okay, let's merge this and see if we're going to like it or not.

@canova canova merged commit 461794a into firefox-devtools:main Aug 4, 2025
12 of 13 checks passed
@canova canova mentioned this pull request Sep 2, 2025
canova added a commit that referenced this pull request Sep 2, 2025
Changes:

[Nazım Can Altınova] Display the marker description at the top inside
the marker tooltips (#5534)
[Florian Quèze] Change the 'JavaScript' radio button label to 'Script'
(#5530)
[Markus Stange] Implement profile logic and some selectors for the
function list (#5525)
[Markus Stange] Some small type fixes (#5538)
[Markus Stange] Simplify return type of the callback we pass to
setState. (#5540)
[Markus Stange] Pass the correct value to the reducer's action argument
(#5543)
[Markus Stange] Change withSize to accept PropsWithoutSize as its type
parameter (#5541)
[Nazım Can Altınova] Make sure that the test-debug command runs the
tests properly (#5545)
[Markus Stange] Improve type coverage involving network phases (#5539)
[Markus Stange] Change implementation of withChartViewport (#5542)
[Florian Quèze] A new permalink should be generated and shown after
using the re-upload feature. (#5547)
[Florian Quèze] Show the vertical ruler in the timeline when hovering
the network chart (#5548)
[Markus Stange] Convert the entire codebase to TypeScript (#5549)
[Nazım Can Altınova] Update the yarn.lock file after recent changes
(#5557)
[Markus Stange] Add proper TypeScript coverage for window-navigation.ts
(#5559)
[Markus Stange] Remove leftover $FlowExpectError comments (#5560)
[Markus Stange] Fix Iterator / Iterable confusion (#5561)
[Nazım Can Altınova] Remove the unneeded test-all:ci script (#5566)
[Nazım Can Altınova] Fix a type case inconsistency (#5569)
[Florian Quèze] Make 'yarn lint --fix' work as an alias to 'yarn
lint-fix'. (#5563)
[Ryan Hunt] Don't stringify JSON again in fetchUrlResponse (#5570)
[Nazım Can Altınova] Upgrade ESLint to version 9 (#5567)
[Markus Stange] Simplify Worker setup, and support .json.gz inputs in
symbolicator-cli (#5556)
[Nazım Can Altınova] Add TypeScript coverage to the intersection
observer mock (#5574)
[Markus Stange] Set the preview selection to null when there is no
selection (#5568)
[Markus Stange] Add tests for query-api.ts (#5571)
[Markus Stange] Enable noUnusedParameters and
@typescript-eslint/no-unused-vars and clean up a few more things (#5576)
[Ryan Hunt] Embed iongraph-web and use for iongraph.json source files
(#5577)
[Markus Stange] Remove recursion in filterThreadToSearchString (#5572)


And thanks to our localizers:

be: Mikalai Udodau
de: Michael Köhler
el: Jim Spentzos
en-CA: chutten
en-GB: Paul
es-CL: ravmn
fr: Théo Chevalier
fur: Fabio Tomat
fy-NL: Fjoerfoks
ia: Melo46
it: Francesco Lodolo [:flod]
nl: Mark Heijl
pt-BR: Marcelo Ghelman
ru: Valery Ledovskoy
sv-SE: Luna Jernberg
tr: Rua
tr: Selim Şumlu
uk: Іhor Hordiichuk
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