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

Removing SidebarToggleButton, moving trigger to thumb-friendly buttom-right

Browse Source
This commit is contained in:
James Barnsley
2017-10-21 18:45:55 +13:00
parent f68ec5f2d0
commit e226925abe
16 changed files with 70 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/js/components/PlaybackControls.js
View File

@ -97,9 +97,9 @@ class PlaybackControls extends React.Component{
</section>
<section className="settings">
{ this.renderConsumeButton() }
{ this.renderRandomButton() }
{ this.renderRepeatButton() }
{this.renderConsumeButton()}
{this.renderRandomButton()}
{this.renderRepeatButton()}
</section>
<section className="progress">
@ -113,9 +113,12 @@ class PlaybackControls extends React.Component{
</section>
<section className="triggers">
<a className="control next" onClick={() => this.setState({expanded: !this.state.expanded})}>
<a className="control expanded-controls" onClick={() => this.setState({expanded: !this.state.expanded})}>
{this.state.expanded ? <FontAwesome name="chevron-down" /> : <FontAwesome name="chevron-up" />}
</a>
<a className={"control sidebar-toggle"+(this.props.sidebar_open ? ' open' : '')} onClick={() => this.props.uiActions.toggleSidebar()}>
<FontAwesome className="open" name="bars" />
</a>
</section>
</div>
@ -138,7 +141,8 @@ const mapStateToProps = (state, ownProps) => {
time_position: state.mopidy.time_position,
consume: state.mopidy.consume,
repeat: state.mopidy.repeat,
random: state.mopidy.random
random: state.mopidy.random,
sidebar_open: state.ui.sidebar_open
}
}