From b18596fc575f8055ef28af22268c43abe69ef100 Mon Sep 17 00:00:00 2001 From: KaranPant Date: Fri, 1 Sep 2023 03:51:58 +0545 Subject: [PATCH] fix: show border around pagetitle when renaming (#4080) --- .../blocksuite/block-suite-header-title/styles.css.ts | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/apps/core/src/components/blocksuite/block-suite-header-title/styles.css.ts b/apps/core/src/components/blocksuite/block-suite-header-title/styles.css.ts index abbcfb5a7d..f59ac8413b 100644 --- a/apps/core/src/components/blocksuite/block-suite-header-title/styles.css.ts +++ b/apps/core/src/components/blocksuite/block-suite-header-title/styles.css.ts @@ -25,6 +25,15 @@ export const titleInput = style({ margin: 'auto', width: '100%', height: '100%', + + selectors: { + '&:focus': { + border: '1px solid var(--affine-black-10)', + borderRadius: '8px', + height: '32px', + padding: '6px 8px', + }, + }, }); export const shadowTitle = style({ visibility: 'hidden',