Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-15 05:37:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(component): banner should not affect the editor layout (#7128)

Browse Source 
Same as #6605
This commit is contained in:
fundon
2024-06-03 02:13:24 +00:00
parent 03be1d66f9
commit 5b8b2bbf48
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/component/src/components/affine-banner/index.css.ts
View File

@@ -39,7 +39,8 @@ export const tipsContainer = style({
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
padding: '12px 16px', padding: '12px 16px',
position: 'sticky', position: 'absolute',
zIndex: 1,
gap: '16px', gap: '16px',
containerType: 'inline-size', containerType: 'inline-size',
'@media': { '@media': {

3
tests/affine-local/e2e/peek-view.spec.ts
View File

@@ -121,6 +121,9 @@ test('can open peek view for embedded frames', async ({ page }) => {
// enter F to create a frame // enter F to create a frame
await page.keyboard.press('f'); await page.keyboard.press('f');
// close affine-banner
await page.locator('[data-testid=local-demo-tips-close-button]').click();
// insert the frame to page // insert the frame to page
await page await page
.locator('edgeless-change-frame-button:has-text("Insert into Page")') .locator('edgeless-change-frame-button:has-text("Insert into Page")')