oxen-io
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add arrow controls

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