Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

(core) Don't let small-screen view laoyut affect printing

Browse Source 
Summary:
CSS differences for small-screen may get applied when printing. Most such
differences are for elements that get hidden for printing anyway. For
collapsing view sections, it's important not to apply small-screen CSS for
printing.

Test Plan: Tested manually on Chrome and Firefox.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2731
This commit is contained in:
Dmitry S 2021-02-10 17:00:41 -05:00
parent d3ab07d748
commit 02528128f8
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/client/components/ViewLayout.ts
View File

@ -299,7 +299,7 @@ const cssViewLeaf = styled('div', `
`); `);
const cssViewLeafInactive = styled('div', ` const cssViewLeafInactive = styled('div', `
@media ${mediaSmall} { @media screen and ${mediaSmall} {
& { & {
overflow: hidden; overflow: hidden;
background: repeating-linear-gradient( background: repeating-linear-gradient(
@ -339,7 +339,7 @@ const cssViewLeafInactive = styled('div', `
`); `);
const cssLayoutBox = styled('div', ` const cssLayoutBox = styled('div', `
@media ${mediaSmall} { @media screen and ${mediaSmall} {
&-active, &-inactive { &-active, &-inactive {
transition: flex-grow 0.4s; transition: flex-grow 0.4s;
} }