From 80e2d5ada2f0ea4dc2b1cfb660effb77172a9c1f Mon Sep 17 00:00:00 2001
From: John Coburn <jcoburn@ebsco.com>
Date: Thu, 9 Nov 2023 11:14:08 -0600
Subject: [PATCH] STCOM-1228 Print styling of panes (users want to print the
 detail pane, but full screen display is printed) (#2170)

* apply print styles so that only last pane is visible at full width

* log changes

(cherry picked from commit 1cdd21c6a10e395848694c91af670b6b757d70df)
---
 CHANGELOG.md      |  1 +
 lib/Pane/Pane.css | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a1861465e..58782e5f9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 * Add z-index of 1 to callout out to have it always render on top of sibling elements. Fixes STCOM-1217.
 * Ensure CSS visibility of datepicker's year input number spinner. Refs STCOM-1225.
 * Include pagination height in MCL container height calculation. Refs STCOM-1224.
+* Adjusted print styles of panes so that the last pane will print. Refs STCOM-1228, STCOM-1229.
 
 ## [12.0.2](https://github.com/folio-org/stripes-components/tree/v12.0.2) (2023-10-20)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v12.0.1...v12.0.2)
diff --git a/lib/Pane/Pane.css b/lib/Pane/Pane.css
index 512a8c3a0..cfd1470fa 100644
--- a/lib/Pane/Pane.css
+++ b/lib/Pane/Pane.css
@@ -17,7 +17,15 @@
   will-change: transform;
 
   @media print {
-    overflow: visible;
+    display: none;
+  }
+
+  &:nth-last-of-type(1) {
+    @media print {
+      overflow: visible;
+      display: block;
+      flex: 0 0 100vw !important;
+    }
   }
 }