Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-22 19:53:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): avoid shaking when center-peek opened (#8780)

Browse Source 
close AF-1668;

We calculate the final width through modalContent at the start of the animation, so the calculated width is unexpected when there is a `padding`.
This commit is contained in:
CatsJuice
2024-11-12 08:19:10 +00:00
parent e2b221a451
commit a8d664a03e
1 changed files with 1 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
+1 -3
View File
@@ -48,7 +48,6 @@ export const modalContentContainer = style({
[`${modalContentWrapper}[data-mode="max"] &`]: { [`${modalContentWrapper}[data-mode="max"] &`]: {
width: 'calc(100% - 64px)', width: 'calc(100% - 64px)',
height: 'calc(100% - 64px)', height: 'calc(100% - 64px)',
paddingRight: 48,
}, },
[`${modalContentWrapper}[data-mode="full"] &`]: { [`${modalContentWrapper}[data-mode="full"] &`]: {
width: '100%', width: '100%',
@@ -57,7 +56,6 @@ export const modalContentContainer = style({
[`${modalContentWrapper}[data-mode="fit"] &`]: { [`${modalContentWrapper}[data-mode="fit"] &`]: {
width: '90%', width: '90%',
height: '90%', height: '90%',
paddingRight: 48,
maxWidth: 1248, maxWidth: 1248,
}, },
'&[data-anime-state="animating"]': { '&[data-anime-state="animating"]': {
@@ -96,7 +94,7 @@ export const modalContent = style({
export const modalControls = style({ export const modalControls = style({
position: 'absolute', position: 'absolute',
right: 0, right: -48,
top: 0, top: 0,
zIndex: -1, zIndex: -1,
minWidth: '48px', minWidth: '48px',