Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add button for printing secretkey backup sheet #1146

Open
wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Add button for printing secretkey backup sheet #1146

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
0cb3878
Add button for printing to secretkey export dialog
ebma Sep 15, 2020
cfe8534
Add ipc for printing
ebma Sep 15, 2020
90cedc6
Add `cordova-plugin-printer`
ebma Sep 15, 2020
a2e34e7
Adjust print ipc for cordova and electron
ebma Sep 21, 2020
49cef4e
Remove blue stripe shown on top
ebma Sep 21, 2020
d3b5a00
Show print action in initial-backup variant
ebma Sep 21, 2020
b240687
Add left margin on iOS
ebma Sep 21, 2020
d70c25a
Set page orientation for printing to landscape
ebma Sep 22, 2020
c3fedef
Fix print content on iOS cut off
ebma Sep 29, 2020
16dea51
Change export-key layout for printing
ebma Sep 29, 2020
64d1ec8
Add Solar icon
ebma Sep 29, 2020
597ac16
Create new component for key backup printing
ebma Sep 29, 2020
1e0fca7
Reduce min height of header card in export view
ebma Sep 29, 2020
e80fbc8
Replace hard-coded strings
ebma Sep 29, 2020
bde36e4
Use `landscape` option for printing with electron
ebma Sep 29, 2020
8fd69cb
Change appearance of key backup sheet
ebma Nov 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Remove blue stripe shown on top
  • Loading branch information
@ebma
ebma committed Nov 9, 2020
commit 49cef4e98729a580b8e6d9018871faff26202dd5
12 changes: 11 additions & 1 deletion src/Layout/components/Page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import React from "react"
import { makeStyles } from "@material-ui/core"
import { Box, BoxProps } from "./Box"
import { useIsMobile } from "~Generic/hooks/userinterface"
import { primaryBackground } from "~App/theme"
Expand Down Expand Up @@ -51,8 +52,17 @@ interface SectionProps extends BoxProps {
top?: boolean
}

const useStyles = makeStyles(() => ({
background: {
"@media print": {
background: "white !important"
}
}
}))

const Section = React.memo(function Section(props: SectionProps) {
const background = props.brandColored ? primaryBackground : props.backgroundColor || "#fcfcfc"
const classes = useStyles()
const isSmallScreen = useIsMobile()

const padding: React.CSSProperties["padding"] = props.noPadding ? 0 : props.padding !== undefined ? props.padding : 16
Expand All @@ -72,7 +82,7 @@ const Section = React.memo(function Section(props: SectionProps) {
const MaybeInset = props.pageInset ? PageInset : React.Fragment

return (
<Box {...props} component="section" padding={padding} style={style}>
<Box {...props} className={classes.background} component="section" padding={padding} style={style}>
{props.top ? <TopOfTopSection background={background} /> : null}
{/* Add a little padding to the top if window is frameless */}
{props.top && !isSmallScreen ? <div style={{ width: "100%", padding: "4px 0 0", margin: 0 }} /> : null}
Expand Down