Merge pull request #12849 from sg00dwin/print-bug

OCPBUGS-11219: Include print styles to allow printout of full screen and ...
openshift · Jun 12, 2023 · b9185dd · b9185dd
2 parents 9982fde + 5b327df
commit b9185dd
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/frontend/public/style.scss b/frontend/public/style.scss
@@ -34,6 +34,7 @@
 @import 'style/layout';
 @import 'style/text';
 @import 'style/forms';
+@import 'style/print';
 
 // React Components
 @import 'components/utils/alerts';

diff --git a/frontend/public/style/_overrides.scss b/frontend/public/style/_overrides.scss
@@ -146,6 +146,12 @@ form.pf-c-form {
   --pf-c-button--PaddingRight: 0;
 }
 
+@media print {
+  .pf-c-data-list__cell {
+    padding: 1px !important;
+  }
+}
+
 //set pf datalist item background to transparent
 .pf-c-data-list__item--transparent-bg {
   --pf-c-data-list__item--BackgroundColor: transparent;
@@ -249,6 +255,12 @@ form.pf-c-form {
       }
     }
   }
+
+  @media print {
+    .pf-c-page__sidebar {
+      display: none !important;
+    }
+  }
 }
 
 // Reset our tables to our base font-size

diff --git a/frontend/public/style/_print.scss b/frontend/public/style/_print.scss
@@ -0,0 +1,18 @@
+@media print {
+  * {
+    overflow: visible !important;
+  }
+  .co-m-resource-icon {
+    border: 1px solid grey;
+  }
+  .odc-topology-list-view__item-row {
+    padding: 8px 0 2px;
+  }
+  .odc-namespaced-page, .odc-namespaced-page__content {
+    height: 100%; 
+  }
+  .odc-topology-list-view__kind-row {
+    border-width: 1px !important;
+  }
+
+}