Skip to content

Set box-sizing: border-box globally#47429

Draft
nulmete wants to merge 1 commit into
mainfrom
nulmete/global-box-sizing
Draft

Set box-sizing: border-box globally#47429
nulmete wants to merge 1 commit into
mainfrom
nulmete/global-box-sizing

Conversation

@nulmete

@nulmete nulmete commented Jun 11, 2026

Copy link
Copy Markdown
Member

Related issue: Resolves #

Checklist for submitter

If some of the following don't apply, delete the relevant line.

  • Changes file added for user-visible changes in changes/, orbit/changes/ or ee/fleetd-chrome/changes.
    See Changes files for more information.

Testing

  • QA'd all new/changed functionality manually (WIP)

Some breaking stuff I noticed locally:

Add a global box-sizing rule (border-box on html, inherited via
*, *::before, *::after) in _global.scss, and remove the now-redundant
explicit box-sizing declarations scattered across component and page
styles. Inheriting from html (rather than forcing border-box on *)
lets any subtree opt back out to content-box if a third-party
component needs it.
@codecov

codecov Bot commented Jun 11, 2026

Copy link
Copy Markdown

Codecov Report

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

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #47429   +/-   ##
=======================================
  Coverage   67.19%   67.19%           
=======================================
  Files        3305     3305           
  Lines      228025   228025           
  Branches    11896    11896           
=======================================
  Hits       153224   153224           
  Misses      60986    60986           
  Partials    13815    13815           
Flag Coverage Δ
frontend 57.81% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

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

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.

1 participant