fix: show border around pagetitle when renaming (#4080)

2026-02-12 04:18:54 +00:00 · 2023-09-01 03:51:58 +05:45
parent 7082937b62
commit b18596fc57
1 changed files with 9 additions and 0 deletions
--- 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',