diff --git a/stylesheets/_lightbox.scss b/stylesheets/_lightbox.scss index ea8dc95bd..88ce10d66 100644 --- a/stylesheets/_lightbox.scss +++ b/stylesheets/_lightbox.scss @@ -42,4 +42,16 @@ @include color-svg('../images/x.svg', white); } } + + &.previous { + &:before { + @include color-svg('../images/back.svg', white); + } + } + + &.next { + &:before { + @include color-svg('../images/forward.svg', white); + } + } } diff --git a/ts/components/Lightbox.tsx b/ts/components/Lightbox.tsx index ad8c8f0cf..066c77169 100644 --- a/ts/components/Lightbox.tsx +++ b/ts/components/Lightbox.tsx @@ -43,7 +43,7 @@ const styles = { }; interface IconButtonProps { - type: 'save' | 'close'; + type: 'save' | 'close' | 'previous' | 'next'; onClick?: () => void; } const IconButton = ({ onClick, type }: IconButtonProps) => ( @@ -71,6 +71,8 @@ export class Lightbox extends React.Component {
+ +
);