mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add arrow controls

Browse source
This commit is contained in:
Daniel Gasienica 2018-04-15 01:19:46 -04:00
parent f0895af6dc
commit 2cb0b0aeb1
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
stylesheets/_lightbox.scss
View file

@ -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);
}
}
}

4
ts/components/Lightbox.tsx
View file

@ -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<Props, {}> {
<div style={styles.controls}>
<IconButton type="close" onClick={this.props.close} />
<IconButton type="save" onClick={this.props.save} />
<IconButton type="previous" />
<IconButton type="next" />
</div>
</div>
);