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

Tooltips hidden by default on mobile

Browse Source
This commit is contained in:
James Barnsley
2018-09-21 11:58:54 +12:00
parent 28d274c3fb
commit 847d1312ab
13 changed files with 86 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/views/Album.js
View File

@ -138,7 +138,7 @@ class Album extends React.Component{
<h1>{album.name}</h1>
<ul className="details">
{!this.props.slim_mode ? <li className="has-tooltip"><Icon type="fontawesome" name={helpers.sourceIcon(album.uri )} /><span className="tooltip">{helpers.uriSource(this.props.params.uri )} {album.type ? album.type : 'album'}</span></li> : null}
{!this.props.slim_mode ? <li className="tooltip"><Icon type="fontawesome" name={helpers.sourceIcon(album.uri )} /><span className="tooltip__content">{helpers.uriSource(this.props.params.uri )} {album.type ? album.type : 'album'}</span></li> : null}
{!this.props.slim_mode && album.artists && album.artists.length > 0 ? <li><ArtistSentence artists={album.artists} /></li> : null}
{album.release_date ? <li><Dater type="date" data={album.release_date} /></li> : null}
<li>

2
src/js/views/Playlist.js
View File

@ -208,7 +208,7 @@ class Playlist extends React.Component{
{playlist.description ? <h2 className="description grey-text" dangerouslySetInnerHTML={{__html: playlist.description}}></h2> : null }
<ul className="details">
{!this.props.slim_mode ? <li className="has-tooltip"><Icon type="fontawesome" name={helpers.sourceIcon(playlist.uri)} /><span className="tooltip">{helpers.uriSource(playlist.uri)} playlist</span></li> : null }
{!this.props.slim_mode ? <li className="tooltip"><Icon type="fontawesome" name={helpers.sourceIcon(playlist.uri)} /><span className="tooltip__content">{helpers.uriSource(playlist.uri)} playlist</span></li> : null }
{playlist.user_uri && !this.props.slim_mode ? <li><URILink type="user" uri={playlist.user_uri}>{playlist.user ? playlist.user.name : helpers.getFromUri('userid',playlist.user_uri)}</URILink></li> : null }
{playlist.followers !== undefined ? <li>{playlist.followers.toLocaleString()} followers</li> : null }
{playlist.last_modified_date ? <li>Edited <Dater type="ago" data={playlist.last_modified_date} /></li> : null }

12
src/js/views/Settings.js
View File

@ -236,9 +236,9 @@ class Settings extends React.Component {
name="ssl"
checked={this.state.mopidy_ssl}
onChange={e => this.setState({mopidy_ssl: !this.state.mopidy_ssl})} />
<span className="label has-tooltip">
<span className="label tooltip">
Enable SSL
<span className="tooltip">Requires SSL proxy</span>
<span className="tooltip__content">Requires SSL proxy</span>
</span>
</label>
</div>
@ -286,9 +286,9 @@ class Settings extends React.Component {
name="log_actions"
checked={ this.props.ui.clear_tracklist_on_play }
onChange={ e => this.props.uiActions.set({ clear_tracklist_on_play: !this.props.ui.clear_tracklist_on_play })} />
<span className="label has-tooltip">
<span className="label tooltip">
Clear tracklist on play of URI(s)
<span className="tooltip">Playing one or more URIs will clear the current play queue first</span>
<span className="tooltip__content">Playing one or more URIs will clear the current play queue first</span>
</span>
</label>
<label>
@ -307,9 +307,9 @@ class Settings extends React.Component {
name="shortkeys_enabled"
checked={ this.props.ui.disable_parallax }
onChange={ e => this.props.uiActions.set({ disable_parallax: !this.props.ui.disable_parallax })} />
<span className="label has-tooltip">
<span className="label tooltip">
Disable parallax
<span className="tooltip">Improves scroll performance on low-powered devices</span>
<span className="tooltip__content">Improves scroll performance on low-powered devices</span>
</span>
</label>
</div>

2
src/js/views/Track.js
View File

@ -224,7 +224,7 @@ class Track extends React.Component{
</h2>
<ul className="details">
{!this.props.slim_mode ? <li className="has-tooltip"><Icon type="fontawesome" name={helpers.sourceIcon(this.props.params.uri)} /><span className="tooltip">{helpers.uriSource(this.props.params.uri)} track</span></li> : null}
{!this.props.slim_mode ? <li className="tooltip"><Icon type="fontawesome" name={helpers.sourceIcon(this.props.params.uri)} /><span className="tooltip__content">{helpers.uriSource(this.props.params.uri)} track</span></li> : null}
{track.date ? <li><Dater type="date" data={track.date} /></li> : null}
{track.explicit ? <li><span className="flag dark">EXPLICIT</span></li> : null}
<li>

4
src/js/views/modals/InitialSetup.js
View File

@ -116,9 +116,9 @@ class InitialSetup extends React.Component{
name="ssl"
checked={this.state.ssl}
onChange={e => this.setState({ssl: !this.state.ssl})} />
<span className="label has-tooltip">
<span className="label tooltip">
Enable SSL
<span className="tooltip">Requires SSL proxy</span>
<span className="tooltip__content">Requires SSL proxy</span>
</span>
</label>
</div>