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

Account for overlay width

Browse Source
This commit is contained in:
James Barnsley
2017-04-18 04:52:55 +12:00
parent 79090edd2c
commit 8e6cef7eba
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/js/components/FullPlayer.js
View File

@ -68,7 +68,7 @@ class FullPlayer extends React.Component{
!this.props.current_track.album ||
!this.props.current_track.album.images ){
return (
<span className="artwork">
<span className={this.props.radio_enabled ? 'artwork radio-enabled' : 'artwork'}>
{this.props.radio_enabled ? <img className="radio-overlay" src="assets/radio-overlay.png" /> : null}
<Thumbnail size="huge" />
</span>
@ -78,7 +78,7 @@ class FullPlayer extends React.Component{
var link = null
if( this.props.current_track.album.uri ) link = '/album/'+this.props.current_track.album.uri
return (
<Link className="artwork" to={link} onContextMenu={e => this.handleContextMenu(e,this.props.current_track.album)}>
<Link className={this.props.radio_enabled ? 'artwork radio-enabled' : 'artwork'} to={link} onContextMenu={e => this.handleContextMenu(e,this.props.current_track.album)}>
{this.props.radio_enabled ? <img className="radio-overlay" src="assets/radio-overlay.png" /> : null}
<Thumbnail size="huge" images={this.props.current_track.album.images} canZoom />
</Link>

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

@ -55,12 +55,19 @@
.artwork {
position: relative;
.radio-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
&.radio-enabled {
.thumbnail {
box-sizing: border-box;
border: 45px solid transparent;
}
.radio-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
}
}