STCOM-1228 Print styling of panes (users want to print the detail pan…

…e, but full screen display is printed) (#2170)

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

* log changes

CHANGELOG.md

@@ -9,6 +9,7 @@
 * Ensure CSS visibility of datepicker's year input number spinner. Refs STCOM-1225.
 * Include pagination height in MCL container height calculation. Refs STCOM-1224.
 * Added `indexRef` and `inputRef` props to `<SearchField>`. Refs STCOM-1231.
+* Adjusted print styles of panes so that the last pane will print. Refs STCOM-1228, STCOM-1229.
 
 ## [12.0.0](https://github.com/folio-org/stripes-components/tree/v12.0.0) (2023-10-11)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v11.0.0...v12.0.0)

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;
+    }
   }
 }