Hide UI recap-* UI elements from printed pages

[arcataroger]

This simple CSS tweak should hide all the elements that we add, as long as they start with a CSS class or ID of recap-*. I haven't used the extension enough to be able to tell if this catches everything, but in my casual tests, it hid all the UI elements I could find.

If we discover any that are missed, we should probably just add a .recap-blahblah class to them.

[CLAassistant]

All committers have signed the CLA.

[arcataroger]

Hmm, I'm not sure why these few lines have different line endings than the rest. I think my IDE just auto-trimmed them. Is that OK?

[arcataroger]

This is the actual implementation

[mlissner]

Looks OK to me. @ERosendo, yours for careful review.

Thank you @arcataroger!

[mlissner]

(

@arcataroger, so you know our process, here's what will happen next:

• I gave it a once over. Sometimes I know the code well enough to merge things and I do.
• In this case, I don't feel confident, so I put it on a staff member's project board, in their Main Backlog column.
• That column is prioritized, and you're currently the second from the top, meaning that he'll do it next, probably.
• After his review, if he's happy, he'll merge, and we can decide to do a release (or not).

)

[arcataroger]

(

@arcataroger, so you know our process, here's what will happen next:

• I gave it a once over. Sometimes I know the code well enough to merge things and I do.
• In this case, I don't feel confident, so I put it on a staff member's project board, in their Main Backlog column.
• That column is prioritized, and you're currently the second from the top, meaning that he'll do it next, probably.
• After his review, if he's happy, he'll merge, and we can decide to do a release (or not).

)

Sounds good! No rush at all. I'll take a look at the other issues as time permits, but feel free to suggest some too?

[ERosendo]

The code looks good and the CSS selector patterns effectively match all extension-injected UI elements.

This summary outlines which CSS classes are targeted by the selectors and the corresponding UI elements they affect:

CSS Selector	CSS Class	UI Element
[class^="recap-"]	recap-email-banner	Banners to let users know about recap.email
	recap-email-banner-full
	recap-banner	Banner with a link to create a Docket Alert
		Banner with a link to view the Docket on CL
		"Get this document for free" banner on the download page
		Warning about combined PDFs
		Warning about sealed document
	recap-inline	[R] icons on docket reports(district/appellate)
	recap-inline-appellate
[id^="recap-"]	recap-action-button	The recap button in appellate and district courts