Skip to content

fix(print): migrate Print component from BEM to Tailwind CSS#8110

Merged
alexander-akait merged 1 commit intowebpack:mainfrom
ryzrr:fix/print-tailwind-migration
Mar 23, 2026
Merged

fix(print): migrate Print component from BEM to Tailwind CSS#8110
alexander-akait merged 1 commit intowebpack:mainfrom
ryzrr:fix/print-tailwind-migration

Conversation

@ryzrr
Copy link
Copy Markdown
Contributor

@ryzrr ryzrr commented Mar 23, 2026

Summary
Migrated the Print component from BEM classes to Tailwind utilities, adding dark mode support.

What kind of change does this PR introduce?
Print was using the old sidebar-item BEM class names removed in the SidebarItem refactor. Updated to matching Tailwind classes so it renders consistently in both light and dark mode.

Did you add tests for your changes?
No ,the component logic is unchanged, only the class names.

Does this PR introduce a breaking change?
No

If relevant, what needs to be documented?
N/A

Use of AI ?
NA

Replace BEM classes (sidebar-item, sidebar-item--disabled,
sidebar-item__toggle, sidebar-item__title) with equivalent Tailwind
utilities to match the SidebarItem refactor and support dark mode.
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
webpack-js-org Ready Ready Preview, Comment Mar 23, 2026 3:38pm

Request Review

@alexander-akait alexander-akait merged commit f0580bc into webpack:main Mar 23, 2026
9 checks passed
@alexander-akait
Copy link
Copy Markdown
Member

@ryzrr Looks like we have problems with margin on sidebar-item and extra space too, please fix it too asap, we have a big height

@ryzrr
Copy link
Copy Markdown
Contributor Author

ryzrr commented Mar 23, 2026

yes , fixing it ASAP .

@ryzrr
Copy link
Copy Markdown
Contributor Author

ryzrr commented Mar 23, 2026

Is the issue only in vercel preview or also in the production ?

@alexander-akait
Copy link
Copy Markdown
Member

@ryzrr everywhere

@ryzrr
Copy link
Copy Markdown
Contributor Author

ryzrr commented Mar 23, 2026

image @alexander-akait The gaps are perfectly fine here with the latest fix of the print component, it is only on the vercel preview and may be because of our fix/print-tailwind-migration PR was on a separate branch from our refactor PR, it didn't have our Tailwind fixes yet. It was stuck using main's broken SCSS so this can be a reason for this .

@alexander-akait
Copy link
Copy Markdown
Member

@ryzrr oh yeah, I see, thanks for investigation

@ryzrr
Copy link
Copy Markdown
Contributor Author

ryzrr commented Mar 23, 2026

No Problem, Happy to help! Let me know if there's anything else you need.

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