From f11543094a1805c7951e154ec3d5946e94f43fa8 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 1 Dec 2025 14:22:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20fix=20background=20act?=
 =?UTF-8?q?ion=20on=20panel=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Background actions were transparent,
making them hard to see.
---
 .../src/features/docs/doc-tree/components/DocSubPageItem.tsx   | 1 -
 .../impress/src/features/docs/doc-tree/components/DocTree.tsx  | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx
index 4a4a95b8..89325c30 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx
@@ -121,7 +121,6 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
         background-color: var(--c--globals--colors--gray-000);
         .light-doc-item-actions {
           display: ${menuOpen || !isDesktop ? 'flex' : 'none'};
-          position: absolute;
           right: var(--c--globals--spacings--0);
         }
         .c__tree-view--node.isFocused {
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 8a599d12..fcac0b9d 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
@@ -234,7 +234,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
             }
 
             .doc-tree-root-item-actions {
-              display: flex;
+              display: ${rootActionsOpen ? 'flex' : 'none'};
               opacity: ${rootActionsOpen ? '1' : '0'};
 
               &:has(.isOpen) {
@@ -244,6 +244,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
             &:hover,
             &:focus-visible {
               .doc-tree-root-item-actions {
+                display: flex;
                 opacity: 1;
               }
             }