development/github-desktop
development/github-desktop
1
0
Fork 0
mirror of https://github.com/desktop/desktop synced 2024-09-13 21:31:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add focus indicator when diff grid has focus

Browse source
This commit is contained in:
Jose Cortinas 2024-01-25 15:46:01 -06:00
parent ecada7b91b
commit b608647dcb
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/styles/ui/_diff.scss
View file

@ -855,6 +855,16 @@
}
}
}
// When focus moves to the virtualized grid, we want to show a focus ring.
&:has(.ReactVirtualized__Grid:focus) {
outline: 2px solid var(--focus-color);
border-radius: var(--border-radius);
// Move the content over to make room for the focus ring
margin-right: 2px;
margin-bottom: 2px;
}
}
.diff-container {