🐛(frontend) fix background color during dnd

AntoLC · AntoLC · commit 474e5ac0c050 · 2025-09-03T10:21:27.000+02:00
When we were dragging an item in the doc tree,
the background color was opaque, making it difficult
to see the underlying content. The cause was
that we were overriding the transparent background
color.
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
@@ -110,6 +110,10 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
             background: var(--c--theme--colors--greyscale-100);
           }
         }
+
+        .row.preview & {
+          background-color: inherit;
+        }
       `}
     >
       <TreeViewItem

Original file line number	Diff line number	Diff line change
`@@ -110,6 +110,10 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {`
`110`	`110`	`background: var(--c--theme--colors--greyscale-100);`
`111`	`111`	`}`
`112`	`112`	`}`
	`113`	`+`
	`114`	`+ .row.preview & {`
	`115`	`+ background-color: inherit;`
	`116`	`+ }`
`113`	`117`	`}
`114`	`118`	`>`
`115`	`119`	`<TreeViewItem`