Skip to content

Fix fullscreen icon size in bottom box#5987

Merged
canova merged 4 commits into
firefox-devtools:mainfrom
rabbitglauser:fix-bottom-fullscreen-icon-size
May 4, 2026
Merged

Fix fullscreen icon size in bottom box#5987
canova merged 4 commits into
firefox-devtools:mainfrom
rabbitglauser:fix-bottom-fullscreen-icon-size

Conversation

@rabbitglauser
Copy link
Copy Markdown
Contributor

@rabbitglauser rabbitglauser commented Apr 29, 2026

Fixes #5984

Summary

This PR adjusts the visual size of the full-screen icon in the bottom source/assembly view.

The full-screen icon appeared slightly larger than the nearby close button, even though the buttons are intended to have similar visual sizing. This change sets a specific background-size for the fullscreen show/hide icons only.

Changes

  • Added background-size: 14px 14px; for:
    • .bottom-fullscreen-show-button
    • .bottom-fullscreen-hide-button

Testing

Tested locally with the example profile from the issue and confirmed that the fullscreen icon now appears visually closer in size to the close button.

image

Deploy preview

@codecov
Copy link
Copy Markdown

codecov Bot commented Apr 30, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 85.34%. Comparing base (b868d0e) to head (505d2b1).
⚠️ Report is 4 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #5987   +/-   ##
=======================================
  Coverage   85.34%   85.34%           
=======================================
  Files         318      318           
  Lines       31922    31922           
  Branches     8834     8836    +2     
=======================================
  Hits        27244    27244           
  Misses       4246     4246           
  Partials      432      432           

☔ 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
Copy link
Copy Markdown
Member

canova commented Apr 30, 2026

Thanks @rabbitglauser for the PR! It looks better to me compared to the previous version. But I still see that it's a bit bigger than the other icons that we have. Could you make it a bit smaller still?

Screenshot 2026-04-30 at 11 30 59

(I added the deploy preview to the PR message so we can see it easily)

@rabbitglauser
Copy link
Copy Markdown
Contributor Author

Thanks for the feedback @canova ! I reduced the fullscreen icon size. It now looks visually closer to the surrounding icons in the bottom toolbar.

image
image

Copy link
Copy Markdown
Member

@canova canova left a comment

Choose a reason for hiding this comment

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

Thanks, looks great to me!

@canova canova enabled auto-merge (squash) May 4, 2026 08:49
@canova canova merged commit dfda383 into firefox-devtools:main May 4, 2026
19 checks passed
@canova canova mentioned this pull request May 7, 2026
canova added a commit that referenced this pull request May 7, 2026
Changes:

[Markus Stange] Use custom splitter component (#4606)
[fatadel] Fix Download button text color when clicked (#5985)
[Samuel Glauser] Fix fullscreen icon size in bottom box (#5987)
[Nazım Can Altınova] Add `profiler-cli` for querying profiles (#5963)
[Nazım Can Altınova] Bump profiler cli version to 0.1.0 (#5996)
[Markus Stange] Switch from max-height to maxHeight in JSX
style={{...}}. (#5990)
[carverdamien] Fix comment about how time and duration are stored
(#5997)
[Nazım Can Altınova] Do not show console error when libnames are failed
to parse as a URL (#5993)
[Nazım Can Altınova] Fix the unnecessary stringify of Uint8Array
contents during zip profile extraction (#6004)


And special thanks to our localizers:

en-CA: chutten
en-CA: Saurabh
en-GB: Ian Neal
es-CL: ravmn
fy-NL: Fjoerfoks
ia: Melo46
nl: Mark Heijl
ru: Valery Ledovskoy
sv-SE: Andreas Pettersson
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.

Consider changing the size of the full screen button on the bottom box

2 participants