{allHiddenCols.indexOf(column.id) === -1 && (
@@ -250,12 +255,24 @@ export const LibraryListTable = (props: ILibraryListTableProps) => {
onClick={() => onLibrarySelect(id)}
tabIndex={0}
onKeyDown={(e) => {
- if (e.key === 'Enter') {
+ if (e.key === 'Enter' || e.key === ' ') {
onLibrarySelect(id);
}
}}
+ role="row"
+ aria-selected={selected.includes(id)}
+ backgroundColor={selected.includes(id) ? colors.highlightBackground : 'transparent'}
+ color={selected.includes(id) ? colors.highlightForeground : colors.text}
+ style={{ backgroundColor: colors.highlightBackground, color: colors.highlightForeground }}
>
- {showIndex && !isMobile && | {pageSize * pageIndex + index + 1} | }
+ {!isMobile && (selectable || showIndex) && (
+
+ {showIndex && `${pageSize * pageIndex + index + 1} `}
+ {selectable && (
+
+ )}
+ |
+ )}
{allHiddenCols.indexOf('public') === -1 && (
{isPublic ? (
|