Merge pull request #355 from arcataroger/hide-recap-actions-button-on…

…-print
freelawproject · Jan 9, 2024 · 858c06a · 858c06a
2 parents 6475a5e + 865a327
commit 858c06a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -5,7 +5,7 @@
 The following changes are not yet released, but are code complete:
 
 Features:
- - None yet
+ - Hide recap UI elements from printed pages([#360](https://github.com/freelawproject/recap/issues/360), [#355](https://github.com/freelawproject/recap-chrome/pull/355)).
 
 Changes:
  - None yet

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
@@ -352,9 +352,9 @@ footer #version {
   border-top-left-radius: 0;
 }
 
-.btn-group .btn+.btn, 
-.btn-group .btn+.btn-group, 
-.btn-group .btn-group+.btn, 
+.btn-group .btn+.btn,
+.btn-group .btn+.btn-group,
+.btn-group .btn-group+.btn,
 .btn-group .btn-group+.btn-group {
   margin-left: -1px;
 }
@@ -492,11 +492,11 @@ footer #version {
 }
 
 .full-page-iframe{
-  position: absolute; 
-  left: 0; 
-  right: 0; 
-  bottom: 0; 
-  top: 0; 
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
 }
 
 .recap-inline-appellate{
@@ -521,3 +521,10 @@ footer #version {
 .banner-message > img{
   margin-right: 0.25rem;
 }
+
+/* For printed pages, we want to hide anything that we add. */
+@media print {
+  [class^="recap-"], [id^="recap-"] { /* Any class or ID that starts with `recap-` */
+    display: none;
+  }
+}