@twreporter/react-article-components 1.4.6 → 1.4.7-rc.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.7-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.4.6...@twreporter/react-article-components@1.4.7-rc.0) (2022-03-03)
+
+
+### Bug Fixes
+
+* disappear mobile aside/index in print mode ([#249](https://github.com/twreporter/twreporter-npm-packages/issues/249)) ([c6f114d](https://github.com/twreporter/twreporter-npm-packages/commit/c6f114d34ba68bba47415cc0e44407f0daf81928))
+
+
+
+
+
 ## [1.4.6](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.4.6-rc.1...@twreporter/react-article-components@1.4.6) (2021-12-27)
 
 **Note:** Version bump only for package @twreporter/react-article-components

package/lib/components/article-page.js

@@ -119,7 +119,7 @@ var BodyBackground = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var BodyBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-page__BodyBlock",
   componentId: "sc-1wuywdb-4"
-})(["position:relative;width:100%;", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 1024px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    margin: 0 auto;\n  "]))));
+})(["position:relative;width:100%;@media print{.hidden-print{display:none;}}", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 1024px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    margin: 0 auto;\n  "]))));
 
 var DesktopAsideBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-page__DesktopAsideBlock",

package/lib/components/aside/mobile-aside.js

@@ -181,6 +181,7 @@ var MobileAside = /*#__PURE__*/function (_React$PureComponent) {
           articleMetaForBookmark = _this$props.articleMetaForBookmark;
       var toShow = this.state.toShow;
       return /*#__PURE__*/_react["default"].createElement(Container, {
+        className: "hidden-print",
         toShow: toShow
       }, backToTopic ? /*#__PURE__*/_react["default"].createElement(BackToTopicBtn, {
         href: backToTopic

package/lib/components/table-of-contents/index.js

@@ -139,6 +139,7 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent) {
           manager = _this$props.manager;
       var isExpanded = this.state.isExpanded;
       return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "hidden-print",
         ref: this._ref
       }, /*#__PURE__*/_react["default"].createElement(_tableOfContents["default"].React.TableOfContents, {
         className: className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "1.4.6",
+  "version": "1.4.7-rc.0",
   "description": "The Reporter react article components, which are used in article page",
   "main": "lib/components/article-page.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -39,5 +39,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "89fdf1e8005eea6efc14310ad4cb7b21c407ade9"
+  "gitHead": "ca445afc8ef5fa4a0e09e60e0425a30ad542cc7d"
 }