diff --git a/src/webviews/apps/plus/graph/GraphWrapper.tsx b/src/webviews/apps/plus/graph/GraphWrapper.tsx index c4b5ba8..50ed5f8 100644 --- a/src/webviews/apps/plus/graph/GraphWrapper.tsx +++ b/src/webviews/apps/plus/graph/GraphWrapper.tsx @@ -274,7 +274,13 @@ export function GraphWrapper({ id="repo-actioncombo-label" className="actioncombo__label" role="combobox" - aria-activedescendant="" + aria-activedescendant={ + repoExpanded + ? `repo-actioncombo-item-${reposList.findIndex( + item => item.path === currentRepository?.path, + )}` + : undefined + } onClick={() => handleToggleRepos()} > @@ -304,14 +310,14 @@ export function GraphWrapper({ )) ) : ( -
  • None available -
  • + )} @@ -320,11 +326,16 @@ export function GraphWrapper({ {graphList.length} commit{graphList.length ? 's' : ''} )} - {isLoading && ( - - )} + {isLoading && }
    + + + {' '} Preview
    diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss index 1c032f4..958b815 100644 --- a/src/webviews/apps/plus/graph/graph.scss +++ b/src/webviews/apps/plus/graph/graph.scss @@ -46,6 +46,15 @@ a { margin: 0; } } + + a { + color: inherit; + } + + :focus { + outline: 1px solid var(--vscode-focusBorder); + outline-offset: -1x; + } } .actioncombo { @@ -105,6 +114,7 @@ a { min-width: 100%; width: max-content; z-index: 100; + background-color: var(--actionbar-background-color); } &__label:not([aria-expanded='true']) + &__list {