toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-26 12:25:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: make media print overflow visible (#3893)

Browse Source
This commit is contained in:
fourdim 2023-08-22 19:49:05 -04:00 committed by GitHub
parent 4da4583668
commit bf062fb6d4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/component/src/components/workspace/index.css.ts
View File

@ -97,6 +97,28 @@ export const mainContainerStyle = style({
}, },
} as ComplexStyleRule); } as ComplexStyleRule);
// These styles override the default styles of the react-resizable-panels
// as the default styles make the overflow part hidden when printing to PDF.
// See https://github.com/toeverything/AFFiNE/pull/3893
globalStyle(`${mainContainerStyle} > div[data-panel-group]`, {
'@media': {
print: {
overflow: 'visible !important',
},
},
});
// These styles override the default styles of the react-resizable-panels
// as the default styles make the overflow part hidden when printing to PDF.
// See https://github.com/toeverything/AFFiNE/pull/3893
globalStyle(`${mainContainerStyle} > div[data-panel-group] > div[data-panel]`, {
'@media': {
print: {
overflow: 'visible !important',
},
},
});
export const toolStyle = style({ export const toolStyle = style({
position: 'fixed', position: 'fixed',
right: '30px', right: '30px',