gitea/nas
1
0
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Add overlay style to buttons, continue video after expanding it

Browse source
This commit is contained in:
Eugen Rochko 2017-04-13 17:01:09 +02:00
parent e70b84b1dc
commit 5f8155482a
8 changed files with 88 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/assets/javascripts/components/features/ui/components/video_modal.jsx
View file

@ -20,6 +20,7 @@ const VideoModal = React.createClass({
propTypes: {
media: ImmutablePropTypes.map.isRequired,
time: React.PropTypes.number,
onClose: React.PropTypes.func.isRequired,
intl: React.PropTypes.object.isRequired
},
@ -27,15 +28,15 @@ const VideoModal = React.createClass({
mixins: [PureRenderMixin],
render () {
const { media, intl, onClose } = this.props;
const { media, intl, time, onClose } = this.props;
const url = media.get('url');
return (
<div className='modal-root__modal media-modal'>
<div>
<IconButton title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} style={closeStyle} />
<ExtendedVideoPlayer src={url} muted={false} controls={true} />
<div style={closeStyle}><IconButton title={intl.formatMessage(messages.close)} icon='times' overlay onClick={onClose} /></div>
<ExtendedVideoPlayer src={url} muted={false} controls={true} time={time} />
</div>
</div>
);