From 29f2c2ebdfaa1beee504681c6816d8aeb17d4e20 Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Mon, 9 Mar 2026 12:53:16 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20fix=20flickering=20tre?= =?UTF-8?q?e=20title?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The title was flickering because the icons were loading and pushing the div to the left. We do not need the icons part if we are not hovering the tree item, so we can hide it until we hover the item. --- .../impress/src/features/docs/doc-tree/components/DocTree.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx index 4c7f3f95..a28bffbf 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx @@ -305,8 +305,8 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => { } .doc-tree-root-item-actions { - display: flex; opacity: ${rootActionsOpen ? '1' : '0'}; + display: ${rootActionsOpen ? 'flex' : 'none'}; &:has(.isOpen) { opacity: 1;