From 5437c6567b2040d53ed9ac31973c48db4d2c5e9c Mon Sep 17 00:00:00 2001 From: fundon Date: Thu, 18 Apr 2024 13:16:10 +0000 Subject: [PATCH] fix(component): banner should not affect the editor layout (#6605) https://github.com/toeverything/AFFiNE/assets/27926/6aacb16c-02ca-4693-afe8-628bef507811 --- .../component/src/components/affine-banner/index.css.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/frontend/component/src/components/affine-banner/index.css.ts b/packages/frontend/component/src/components/affine-banner/index.css.ts index a53bfe8936fa..e003a5ae8b5c 100644 --- a/packages/frontend/component/src/components/affine-banner/index.css.ts +++ b/packages/frontend/component/src/components/affine-banner/index.css.ts @@ -4,11 +4,13 @@ export const browserWarningStyle = style({ backgroundColor: cssVar('backgroundWarningColor'), color: cssVar('warningColor'), height: '36px', + width: '100%', fontSize: cssVar('fontSm'), display: 'flex', justifyContent: 'center', alignItems: 'center', - position: 'relative', + position: 'absolute', + zIndex: 1, }); export const closeButtonStyle = style({ width: '36px',