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

Cleaner diff check marks

Browse source 
Co-Authored-By: Gavin Nelson <gavin@nelson.co>
This commit is contained in:
tidy-dev 2024-01-25 13:29:27 -05:00
parent 228c82fa33
commit 0bb2627daf
3 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/src/ui/diff/side-by-side-diff-row.tsx
View file

@ -571,7 +571,7 @@ export class SideBySideDiffRow extends React.Component<
return (
<div className="line-number-check">
{isSelected ? <Octicon symbol={OcticonSymbol.check} /> : null}
{isSelected ? <Octicon symbol={OcticonSymbol.diffCheck} /> : null}
</div>
)
}

9
app/src/ui/octicons/octicons.generated.ts
View file

@ -195,7 +195,14 @@ export const calendar: OcticonSymbolType = {
export const check: OcticonSymbolType = {
w: 16,
h: 16,
d: 'M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z',
d: 'M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z',
fr: 'evenodd',
}
export const diffCheck: OcticonSymbolType = {
w: 12,
h: 12,
d: 'M10.5303 2.96967C10.8232 3.26256 10.8232 3.73744 10.5303 4.03033L5.03033 9.53033C4.73744 9.82322 4.26256 9.82322 3.96967 9.53033L1.46967 7.03033C1.17678 6.73744 1.17678 6.26256 1.46967 5.96967C1.76256 5.67678 2.23744 5.67678 2.53033 5.96967L4.5 7.93934L9.46967 2.96967C9.76256 2.67678 10.2374 2.67678 10.5303 2.96967Z',
fr: 'evenodd',
}

2
app/styles/ui/_side-by-side-diff.scss
View file

@ -88,6 +88,7 @@
justify-content: center;
width: 20px;
flex-shrink: 0;
padding-bottom: 1px;
.octicon {
height: 12px;
@ -103,6 +104,7 @@
// Workaround to show the ellipsis at the beginning of
// the line number when it's too long.
direction: rtl;
padding-top: 1px;
}
}