diff --git a/frontend/public/style.scss b/frontend/public/style.scss index d032a648ffc..35fccd08cf2 100644 --- 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 index 930da4ccf1b..61f49c9a0ae 100644 --- 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 new file mode 100644 index 00000000000..a6370cc44d7 --- /dev/null +++ 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; + } + +} \ No newline at end of file