Skip to content

[PLAY-3003] Playbook Website: Fix Small Expand-All and Sort Icons in Rails Advanced Table Header - #6222

Merged
ElisaShapiro merged 1 commit into
masterfrom
PLAY-3003-website-only-icon-boxsizing
May 28, 2026
Merged

[PLAY-3003] Playbook Website: Fix Small Expand-All and Sort Icons in Rails Advanced Table Header#6222
ElisaShapiro merged 1 commit into
masterfrom
PLAY-3003-website-only-icon-boxsizing

Conversation

@ElisaShapiro

Copy link
Copy Markdown
Contributor

What does this PR do? A clear and concise description with your runway ticket url.
PLAY-3003 removing FA from the Playbook website entirely caused an icon size issue for a few Icon-containing kits. FA JS adds a <style> tag with box-sizing: content-box - adding that rule back to the FA-based svg-inline--fa class helps put it back in the places where it was important.
Relevant for Rails Advanced Table and React and Rails Icon Button - I did a website smoketest/check for many other icon-containing kits and none of them had this icon regression (all Icon_ kits, all Button kits, Badge, Collapsible, DatePicker, DateRangeInline, DateRangeStacked, Dialog, Dropdown, Filter, FixedConfirmationToast, LoadingInline, Nav, Passphrase, RichTextEditor, Select, Table, TextInput, TimeRangeInline, Typeahead).

Screenshots: Screenshots to visualize your addition/change
Current Prod - a few tiny icons:
small at default
small at sorting
small icon button
Updated - icons back to normal:
default for PR
sorting for PR
icon button for PR

How to test? Steps to confirm the desired behavior:

  1. Go to Rails Advanced Table docs - see normal size expand all toggle and sorting icons.
  2. Go to Icon Button docs (Rails and React) - see normal icons/normal spacing for the Sizes doc.

Checklist:

  • LABELS Add a label: enhancement, bug, improvement, new kit, deprecated, or breaking. See Changelog & Labels for details.
  • DEPLOY I have added the milano label to show I'm ready for a review.
    - [ ] TESTS I have added test coverage to my code.
  • SEMVER I have added a minor, major, or patch label for release.
  • RC I have added an inactive RC label if not an active RC.

@ElisaShapiro ElisaShapiro self-assigned this May 27, 2026
@ElisaShapiro ElisaShapiro added milano 20 MAX - Deploy this PR to a review environment via Milano improvement This is used when your PR contains library upgrades or doc/site improvements. (USED IN CHANGELOG)) minor Semver Target Inactive RC Skip the release candidate process labels May 27, 2026
@ElisaShapiro ElisaShapiro changed the title Include box-sizing: content-box in svg-inline--fa scss now that FA is… [PLAY-3003] Playbook Website: Fix Small Expand-All and Sort Icons in Rails Advanced Table Header May 27, 2026
@ElisaShapiro
ElisaShapiro marked this pull request as ready for review May 27, 2026 20:53
@ElisaShapiro
ElisaShapiro requested review from a team as code owners May 27, 2026 20:53
@github-actions

Copy link
Copy Markdown

🎉 Congratulations on creating an Alpha Version!

Your Alpha for Ruby Gems is 16.8.0.pre.alpha.PLAY3003websiteonlyiconboxsizing16656

Your Alpha for NPM is 16.8.0-alpha.PLAY3003websiteonlyiconboxsizing16656

@ElisaShapiro ElisaShapiro added the Ready for Release merged to master, ready for a versioned released label May 28, 2026
@ElisaShapiro
ElisaShapiro merged commit e613cdb into master May 28, 2026
25 checks passed
@ElisaShapiro
ElisaShapiro deleted the PLAY-3003-website-only-icon-boxsizing branch May 28, 2026 19:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

alpha improvement This is used when your PR contains library upgrades or doc/site improvements. (USED IN CHANGELOG)) Inactive RC Skip the release candidate process milano 20 MAX - Deploy this PR to a review environment via Milano minor Semver Target Ready for Release merged to master, ready for a versioned released

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants