House distribution bar not visible on print

drallieiv / keyforge-burger-inserts

Keyforge Deckbox Inserts

https://keyforge-burger-inserts.herokuapp.com/

8 stars 5 forks source link

House distribution bar not visible on print #20

Closed mainrs closed 2 years ago

mainrs commented 2 years ago

Hello!

The colored distribution bar is not visible on my print. The colored bar is visible on the website, but when generating the print via Ctrl+P, the bars aren't colored anymore.

AdrienNguyenWorldline commented 2 years ago

it's a known bug, kind of painfull to fix. Don't have much time, but I can review the change if someone else what to have a go.

I think u can trick your browser printing options by checking a box about priting background colors which is usually off by default.

oOZeVsOo commented 2 years ago

Hello. The option can be checked or unchecked and the bar's colors won't show up (tried with Chrome and Edge). Do you have some kind of workaround to enable the printing ? Thanks you very much.

drallieiv commented 2 years ago

@oOZeVsOo I just saw I had a bad rule in my css and I should fix that. After that you should be able to check "Background graphics" option when printing. as in here : https://stackoverflow.com/a/60385700/6512623

oOZeVsOo commented 2 years ago

Thank you very much ! I will try this fix as soon as it's published (right now there was a build error in the merge)

oOZeVsOo commented 2 years ago

Waiting for the fix, a workaround is:

Open Chrome console ( Ctrl+Shift+J )
Run command: document.body.innerHTML = document.body.innerHTML.replace(/\);"><\/div>/g, ") !important;\"></div>")
Print (Ctrl-P) and check "Background graphics" in printing options: the colored bars should show up in the printing preview.

It's not perfect (it's just a temporary workaround) and messes the menu on the right, but you can print everything without any problem. Refresh (F5) if you need to change anything in the menu (you'll have to do the workaround again if you need to print).