fixup! fixup! ✨(frontend) enable enter key to open documents and subdocuments

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx

@@ -87,12 +87,7 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
     }
   };
 
-  useKeyboardActivation(
-    ['Enter', ' '],
-    isActive && !menuOpen,
-    handleActivate,
-    true,
-  );
+  useKeyboardActivation(['Enter'], isActive && !menuOpen, handleActivate, true);
 
   const docTitle = doc.title || untitledDocument;
   const hasChildren = (doc.children?.length || 0) > 0;
@@ -110,10 +105,6 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
       aria-selected={isSelected}
       aria-expanded={hasChildren ? isExpanded : undefined}
       $css={css`
-        .c__tree-view--node {
-          padding: ${spacingsTokens['3xs']};
-          border-radius: 4px;
-        }
         background-color: ${menuOpen
           ? 'var(--c--theme--colors--greyscale-100)'
           : 'var(--c--theme--colors--greyscale-000)'};
@@ -138,6 +129,9 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
             background: var(--c--theme--colors--greyscale-100);
           }
         }
+        .row.preview & {
+          background-color: inherit;
+        }
       `}
     >
       <TreeViewItem {...props} onClick={handleActivate}>
@@ -183,23 +177,22 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
             )}
           </Box>
         </BoxButton>
+        <Box
+          $direction="row"
+          $align="center"
+          className="light-doc-item-actions"
+          role="toolbar"
+          aria-label={`${t('Actions for')} ${docTitle}`}
+        >
+          <DocTreeItemActions
+            doc={doc}
+            isOpen={menuOpen}
+            onOpenChange={setMenuOpen}
+            parentId={node.data.parentKey}
+            onCreateSuccess={afterCreate}
+          />
+        </Box>
       </TreeViewItem>
-
-      <Box
-        $direction="row"
-        $align="center"
-        className="light-doc-item-actions"
-        role="toolbar"
-        aria-label={`${t('Actions for')} ${docTitle}`}
-      >
-        <DocTreeItemActions
-          doc={doc}
-          isOpen={menuOpen}
-          onOpenChange={setMenuOpen}
-          parentId={node.data.parentKey}
-          onCreateSuccess={afterCreate}
-        />
-      </Box>
     </Box>
   );
 };