Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Print CSS to improve printing of pages (reports, orders, etc) #11902

Open
LevonCross opened this issue Apr 17, 2024 · 0 comments
Open

Fix Print CSS to improve printing of pages (reports, orders, etc) #11902

LevonCross opened this issue Apr 17, 2024 · 0 comments
Labels
Bug Something is broken and not working as intended in the system. untriaged

Comments

@LevonCross
Copy link

Summary

Currently when printing a page in admin there can be padding on the left and a border on the right that impacts printing on any pages in admin.

Expected behavior

When printing there should be no padding or border whether printing in portrait or landscape.

Actual behavior

Bad padding & border line when printing

Screenshot 2024-04-17 at 3 07 06 PM
Screenshot 2024-04-17 at 3 07 27 PM

Steps to reproduce

View print issue:

  1. Go to an order page or report (or any page)
  2. Hit print action (or command + P)
  3. Change zoom or view in landscape

Locate CSS Print media type:

  1. When viewing page (order, report, etc.)
  2. Inspect page
  3. hit Command + Shift + P
  4. Run > Emulate CSS Print Media type
  5. You can now view and inspect CSS elements adding the 240px padding left and the 1px border right

Screenshot 2024-04-17 at 3 09 56 PM

Are you using React components?

None

Polaris version number

No response

Browser

No response

Device

No response

@LevonCross LevonCross added Bug Something is broken and not working as intended in the system. untriaged labels Apr 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something is broken and not working as intended in the system. untriaged
Projects
None yet
Development

No branches or pull requests

1 participant