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 && }
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 {