diff --git a/app/components/Actions/Actions.js b/app/components/Actions/Actions.js index 7296f1d55..0aebc3694 100644 --- a/app/components/Actions/Actions.js +++ b/app/components/Actions/Actions.js @@ -29,6 +29,10 @@ const Actions = styled(Flex)` border-radius: 3px; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(20px); + + @media print { + display: none; + } `; export default Actions; diff --git a/app/components/DropdownMenu/DropdownMenu.js b/app/components/DropdownMenu/DropdownMenu.js index cf5cfa22e..f7ec529ff 100644 --- a/app/components/DropdownMenu/DropdownMenu.js +++ b/app/components/DropdownMenu/DropdownMenu.js @@ -96,6 +96,10 @@ const Menu = styled.div` overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08); + + @media print { + display: none; + } `; export default DropdownMenu; diff --git a/app/components/Editor/Editor.js b/app/components/Editor/Editor.js index 8fa84d74e..92b5e6ef5 100644 --- a/app/components/Editor/Editor.js +++ b/app/components/Editor/Editor.js @@ -238,6 +238,10 @@ const Header = styled(Flex)` flex-shrink: 0; align-items: flex-end; ${({ readOnly }) => !readOnly && 'cursor: text;'}; + + @media print { + display: none; + } `; const StyledEditor = styled(Editor)` diff --git a/app/components/Editor/components/Contents.js b/app/components/Editor/components/Contents.js index b92ef7ceb..d89facb08 100644 --- a/app/components/Editor/components/Contents.js +++ b/app/components/Editor/components/Contents.js @@ -92,6 +92,10 @@ const Wrapper = styled.div` right: 0; top: 150px; z-index: 100; + + @media print { + display: none; + } `; const Anchor = styled.a` diff --git a/app/components/Editor/components/Toolbar/BlockToolbar.js b/app/components/Editor/components/Toolbar/BlockToolbar.js index 165d5cca6..bdeb70285 100644 --- a/app/components/Editor/components/Toolbar/BlockToolbar.js +++ b/app/components/Editor/components/Toolbar/BlockToolbar.js @@ -182,6 +182,10 @@ const Bar = styled(Flex)` left: auto; right: -100%; } + + @media print { + display: none; + } `; const HiddenInput = styled.input` diff --git a/app/components/Editor/components/Toolbar/Toolbar.js b/app/components/Editor/components/Toolbar/Toolbar.js index 696e3ed45..929d60e9f 100644 --- a/app/components/Editor/components/Toolbar/Toolbar.js +++ b/app/components/Editor/components/Toolbar/Toolbar.js @@ -150,4 +150,8 @@ const Menu = styled.div` transform: translateY(-6px) scale(1); opacity: 1; `}; + + @media print { + display: none; + } `; diff --git a/app/components/Layout/Layout.js b/app/components/Layout/Layout.js index 29878ed11..b5d755d00 100644 --- a/app/components/Layout/Layout.js +++ b/app/components/Layout/Layout.js @@ -124,6 +124,10 @@ const Container = styled(Flex)` const Content = styled(Flex)` margin-left: ${props => (props.editMode ? 0 : layout.sidebarWidth)}; transition: margin-left 200ms ease-in-out; + + @media print { + margin-left: 0; + } `; export default withRouter(inject('user', 'auth', 'ui', 'documents')(Layout)); diff --git a/app/components/Sidebar/Sidebar.js b/app/components/Sidebar/Sidebar.js index 92fbf89a0..348d7dcaa 100644 --- a/app/components/Sidebar/Sidebar.js +++ b/app/components/Sidebar/Sidebar.js @@ -106,6 +106,11 @@ const Container = styled(Flex)` width: ${layout.sidebarWidth}; background: ${color.smoke}; transition: left 200ms ease-in-out; + + @media print { + display: none; + left: 0; + } `; const Section = styled(Flex)` diff --git a/app/menus/DocumentMenu.js b/app/menus/DocumentMenu.js index e4dedde06..e6103d6e7 100644 --- a/app/menus/DocumentMenu.js +++ b/app/menus/DocumentMenu.js @@ -67,6 +67,7 @@ class DocumentMenu extends Component { Download + Print Move… {allowDelete && (