(core) Don't show mobile-friendly bottom bar when printing or embedding.

Test Plan: Added a check for bottom-footer on small screen to the InterfaceStyle test.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2722
This commit is contained in:
Dmitry S 2021-02-04 01:49:01 -05:00
parent 7284644313
commit c9fa13eadc
2 changed files with 13 additions and 0 deletions

View File

@ -1076,6 +1076,7 @@ function getChangedStatus(value: boolean): RuleStatus {
}
const cssOuter = styled('div', `
flex: auto;
height: 100%;
width: 100%;
max-width: 800px;
@ -1085,6 +1086,7 @@ const cssOuter = styled('div', `
`);
const cssAddTableRow = styled('div', `
flex: none;
margin: 16px 16px 8px 16px;
display: flex;
gap: 16px;

View File

@ -182,6 +182,9 @@ const cssPageContainer = styled(cssHBox, `
bottom: 48px;
min-width: 240px;
}
.interface-light & {
bottom: 0;
}
}
`);
export const cssLeftPane = styled(cssVBox, `
@ -307,6 +310,14 @@ const cssBottomFooter = styled ('div', `
display: none;
}
}
@media print {
& {
display: none;
}
}
.interface-light & {
display: none;
}
`);
const cssResizeFlexVHandle = styled(resizeFlexVHandle, `
--resize-handle-color: ${colors.mediumGrey};