From 5cc4b07cf6692946b7754eb60e42df352df722a9 Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Mon, 10 Feb 2025 12:46:25 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20improve=20caret=20styl?= =?UTF-8?q?e?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Improve the caret, to looks more like the google doc caret. --- .../apps/impress/src/features/docs/doc-editor/styles.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx index d2dff145..9d00bc8b 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx @@ -30,12 +30,13 @@ export const cssEditor = (readonly: boolean) => css` white-space: nowrap; transition: clip-path 0.3s ease-in-out; border-radius: 4px 4px 4px 0; - box-shadow: inset -2px 2px 6px #ffffff88; - clip-path: polygon(0 100%, 0 100%, 0 100%, 0% 100%); + box-shadow: inset -2px 2px 6px #ffffff00; + clip-path: polygon(0 85%, 4% 85%, 4% 100%, 0% 100%); } .collaboration-cursor-custom__base[data-active] .collaboration-cursor-custom__label { pointer-events: none; + box-shadow: inset -2px 2px 6px #ffffff88; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }