Implement keyboard navigation

eclipse-cdt-cloud · Dec 12, 2024 · c2e0146 · c2e0146
1 parent b8529f0
commit c2e0146
Show file tree

Hide file tree

Showing 10 changed files with 416 additions and 73 deletions.
diff --git a/src/components/tree/components/treetable.css b/src/components/tree/components/treetable.css
@@ -17,15 +17,42 @@
 }
 
 .ant-table.ant-table-css-var {
+  --ant-table-row-selected-bg: var(--vscode-list-inactiveSelectionBackground);
+  --ant-table-row-selected-hover-bg: var(
+    --vscode-list-inactiveSelectionBackground
+  );
   --ant-table-row-hover-bg: var(--vscode-list-hoverBackground);
   --ant-table-border-color: var(--vscode-sideBar-background);
   --ant-table-cell-font-size: var(--vscode-font-size);
   --ant-table-cell-padding-block: 0;
   --ant-table-cell-padding-inline: 4px;
 }
 
+.ant-table:focus-within {
+  --ant-table-row-selected-bg: var(--vscode-list-activeSelectionBackground);
+  --ant-table-row-selected-hover-bg: var(
+    --vscode-list-activeSelectionBackground
+  );
+}
+
+.ant-table .ant-table-row {
+  border: 1px solid transparent;
+  outline: none;
+  height: 22px;
+  cursor: pointer;
+}
+
+.ant-table:focus-within .ant-table-row.ant-table-row-selected {
+  border-color: var(
+    --vscode-list-focusAndSelectionOutline,
+    var(--vscode-contrastActiveBorder, var(--vscode-list-focusOutline))
+  );
+}
+
 .ant-table .ant-table-row .ant-table-cell {
   display: flex;
+  transition: none;
+  border-bottom: none;
 }
 
 .ant-table .ant-table-row .ant-table-cell .cell-icon {