diff options
| -rw-r--r-- | source/features/toggle-files-button.css | 5 | ||||
| -rw-r--r-- | source/features/toggle-files-button.tsx | 7 |
2 files changed, 8 insertions, 4 deletions
diff --git a/source/features/toggle-files-button.css b/source/features/toggle-files-button.css index d4a16f41..6f59d11f 100644 --- a/source/features/toggle-files-button.css +++ b/source/features/toggle-files-button.css @@ -8,8 +8,9 @@ border-radius: 3px; } -.repository-content:not(.rgh-files-hidden) .commit-tease .octicon-chevron-down { - transform: rotate(0.5turn); +.repository-content:not(.rgh-files-hidden) .commit-tease .octicon-unfold, +.repository-content.rgh-files-hidden .commit-tease .octicon-fold { + display: none; } .rgh-files-hidden .files, /* Pre "Repository refresh" layout */ diff --git a/source/features/toggle-files-button.tsx b/source/features/toggle-files-button.tsx index 336708f1..da3659ea 100644 --- a/source/features/toggle-files-button.tsx +++ b/source/features/toggle-files-button.tsx @@ -3,7 +3,9 @@ import React from 'dom-chef'; import select from 'select-dom'; import delegate from 'delegate-it'; import * as pageDetect from 'github-url-detection'; -import ChevronDownIcon from 'octicon/chevron-down.svg'; + +import FoldIcon from 'octicon/fold.svg'; +import UnfoldIcon from 'octicon/unfold.svg'; import features from '.'; import observeElement from '../helpers/simplified-element-observer'; @@ -22,7 +24,8 @@ function addButton(): void { aria-label="Toggle files section" aria-expanded="true" > - <ChevronDownIcon/> + <FoldIcon/> + <UnfoldIcon/> </button> ); } |