diff --git a/UNRELEASED.md b/UNRELEASED.md index 005c7021088..4bc728a4faf 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -14,6 +14,7 @@ - Removed the need for z-indexes in `Icon` ([#2207](https://github.com/Shopify/polaris-react/pull/2207)) - Added `features` prop to `AppProvider` ([#2204](https://github.com/Shopify/polaris-react/pull/2204)) - Added support for using `EmptyState` in a content context ([#1570](https://github.com/Shopify/polaris-react/pull/1570)) +- `Page` no longer renders navigation or actions in print mode ([#2469](https://github.com/Shopify/polaris-react/pull/2469)) ### Bug fixes diff --git a/src/components/Page/components/Header/Header.scss b/src/components/Page/components/Header/Header.scss index 02e503669fa..3db0532a555 100644 --- a/src/components/Page/components/Header/Header.scss +++ b/src/components/Page/components/Header/Header.scss @@ -30,6 +30,8 @@ $action-menu-rollup-computed-width: icon-size() + (spacing(tight) * 2); .hasActionMenu.mobileView & { padding-right: $action-menu-rollup-computed-width; } + + @include print-hidden; } .BreadcrumbWrapper { @@ -71,6 +73,8 @@ $action-menu-rollup-computed-width: icon-size() + (spacing(tight) * 2); .mobileView & { margin-top: spacing(); } + + @include print-hidden; } .ActionMenuWrapper { @@ -92,4 +96,6 @@ $action-menu-rollup-computed-width: icon-size() + (spacing(tight) * 2); .mobileView.hasNavigation & { top: control-height() / 2; } + + @include print-hidden; }