github/drone
5
0
Fork 0
mirror of https://github.com/harness/drone.git synced 2025-05-09 03:52:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adjust full diff icon size and stroke for clarification (#1104)

Browse Source
This commit is contained in:
Tan Nhu 2024-03-06 08:43:15 +00:00 committed by Harness
parent 621dfe68b3
commit 421f5903d7
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/DiffViewer/DiffViewer.tsx
View File

@ -335,6 +335,8 @@ const DiffViewerInternal: React.FC<DiffViewerProps> = ({
}
}, [useFullDiff, memorizedState, diff.filePath, cancelGetFullDiff, getFullDiff, fullDiffLoading])
const ToggleFullDiffIcon = useMemo(() => (useFullDiff ? Collapse : Expand), [useFullDiff])
return (
<Container
ref={containerRef}
@ -351,7 +353,7 @@ const DiffViewerInternal: React.FC<DiffViewerProps> = ({
size={ButtonSize.SMALL}
onClick={() => setCollapsed(!collapsed)}
iconProps={{
size: 10,
size: 12,
style: {
color: '#383946',
flexGrow: 1,
@ -366,7 +368,7 @@ const DiffViewerInternal: React.FC<DiffViewerProps> = ({
className={css.expandCollapseDiffBtn}
onClick={toggleFullDiff}
title={getString(useFullDiff ? 'pr.collapseFullFile' : 'pr.expandFullFile')}>
{useFullDiff ? <Collapse width="16" height="16" /> : <Expand width="16" height="16" />}
<ToggleFullDiffIcon width="16" height="16" strokeWidth="2" />
</Button>
<Text
inline