diff --git a/frontend/src/metabase/components/ExplicitSize.jsx b/frontend/src/metabase/components/ExplicitSize.jsx index ffbfce13e89a92259d4072999228f044393ba132..57e2e01d0e519a67af3e94aab082b9db373e9978 100644 --- a/frontend/src/metabase/components/ExplicitSize.jsx +++ b/frontend/src/metabase/components/ExplicitSize.jsx @@ -84,6 +84,11 @@ export default ({ selector, wrapped, refreshMode = "throttle" } = {}) => this._refreshMode = nextMode; }; + _updateSizeAndRefreshMode = () => { + this._updateRefreshMode(); + this._updateSize(); + }; + // ResizeObserver, ensure re-layout when container element changes size _initResizeObserver() { this._currentElement = this._getElement(); @@ -107,13 +112,13 @@ export default ({ selector, wrapped, refreshMode = "throttle" } = {}) => _initMediaQueryListener() { this._printMediaQuery?.addEventListener( "change", - this._updateRefreshMode, + this._updateSizeAndRefreshMode, ); } _teardownQueryMediaListener() { this._printMediaQuery?.removeEventListener( "change", - this._updateRefreshMode, + this._updateSizeAndRefreshMode, ); } diff --git a/frontend/src/metabase/css/core/base.css b/frontend/src/metabase/css/core/base.css index 59fa90c60d228905b52147502dd9fbe94e649085..487275f4adef56269727687219b1884a38982c3a 100644 --- a/frontend/src/metabase/css/core/base.css +++ b/frontend/src/metabase/css/core/base.css @@ -9,6 +9,17 @@ html { width: 100%; } +@media print and (orientation: portrait) { + html { + width: 8.5in; + } +} +@media print and (orientation: landscape) { + html { + width: 11in; + } +} + body { font-family: var(--default-font-family), sans-serif; font-size: var(--default-font-size); diff --git a/frontend/src/metabase/css/dashboard.css b/frontend/src/metabase/css/dashboard.css index 653f5a46f316be4a25d895554947e16180d5457f..87027a6b9105b9cce72fcca87befe39809d49fbb 100644 --- a/frontend/src/metabase/css/dashboard.css +++ b/frontend/src/metabase/css/dashboard.css @@ -293,17 +293,6 @@ } } -@media print and (orientation: portrait) { - html { - width: 8.5in; - } -} -@media print and (orientation: landscape) { - html { - width: 11in; - } -} - @page { margin: 1cm; }