Browse Source

Adds checked state to minimap button

main
Eric Amodio 1 year ago
parent
commit
cd9e4ddc2d
2 changed files with 12 additions and 0 deletions
  1. +2
    -0
      src/webviews/apps/plus/graph/GraphWrapper.tsx
  2. +10
    -0
      src/webviews/apps/plus/graph/graph.scss

+ 2
- 0
src/webviews/apps/plus/graph/GraphWrapper.tsx View File

@ -1312,9 +1312,11 @@ export function GraphWrapper({
</span>
<button
type="button"
role="checkbox"
className="action-button"
title="Toggle Minimap (Experimental)"
aria-label="Toggle Minimap (Experimental)"
aria-checked={graphConfig?.minimap ?? false}
onClick={handleOnToggleMinimap}
>
<span className="codicon codicon-graph-line action-button__icon"></span>

+ 10
- 0
src/webviews/apps/plus/graph/graph.scss View File

@ -281,6 +281,16 @@ button:not([disabled]),
}
}
.action-button[aria-checked] {
border: 1px solid transparent;
}
.action-button[aria-checked='true'] {
background-color: var(--vscode-inputOption-activeBackground);
color: var(--vscode-inputOption-activeForeground);
border-color: var(--vscode-inputOption-activeBorder);
}
.repo-access {
font-size: 1.1em;
margin-right: 0.2rem;

Loading…
Cancel
Save