secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Preliminary fix #17

Browse Source
This commit is contained in:
James Barnsley
2017-01-06 16:06:31 +13:00
parent 7d7b674912
commit 1887dfc364
2 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/js/components/MiniPlayer.js
View File

@ -19,9 +19,9 @@ class MiniPlayer extends React.Component{
}
renderPlayButton(){
var button = <a onClick={() => this.props.mopidyActions.play()}><FontAwesome name="play" /> </a>
var button = <a className="play" onClick={() => this.props.mopidyActions.play()}><FontAwesome name="play" /> </a>
if( this.props.play_state == 'playing' ){
button = <a onClick={() => this.props.mopidyActions.pause()}><FontAwesome name="pause" /> </a>
button = <a className="play" onClick={() => this.props.mopidyActions.pause()}><FontAwesome name="pause" /> </a>
}
return button;
}
@ -37,7 +37,7 @@ class MiniPlayer extends React.Component{
<div className="controls">
{ this.renderPlayButton() }
<a onClick={() => this.props.mopidyActions.next()}>
<a className="next" onClick={() => this.props.mopidyActions.next()}>
<FontAwesome name="step-forward" />
</a>&nbsp;
<VolumeControl />

31
src/scss/components/_player.scss
View File

@ -75,16 +75,35 @@
padding: 10px;
.controls {
position: absolute;
top: 5px;
left: 5px;
height: 0px;
a {
.play {
position: absolute;
top: 5px;
left: 5px;
padding: 12px;
}
.next {
position: absolute;
top: 5px;
left: 48px;
padding: 12px;
}
.volume-control {
display: none;
position: absolute;
top: 5px;
right: 5px;
a {
padding: 12px;
}
.slider-wrapper {
bottom: 2px;
left: 0;
}
}
}
@ -104,7 +123,7 @@
.current-track {
font-size: 12px;
padding: 0 20px 0 70px;
padding: 0 40px 0 70px;
line-height: 14px;
}
}