Verified Commit f9edbd9d authored by Eliot Berriot's avatar Eliot Berriot
Browse files

Fix #766: Added title on hover for truncated content

parent a75d7e95
Pipeline #3663 passed with stages
in 2 minutes and 30 seconds
Added title on hover for truncated content (#766)
...@@ -135,9 +135,11 @@ ...@@ -135,9 +135,11 @@
<img class="ui mini image" v-else src="../assets/audio/default-cover.png"> <img class="ui mini image" v-else src="../assets/audio/default-cover.png">
</td> </td>
<td colspan="4"> <td colspan="4">
<button class="title reset ellipsis" :aria-label="labels.selectTrack"> <button class="title reset ellipsis" :title="track.title" :aria-label="labels.selectTrack">
<strong>{{ track.title }}</strong><br /> <strong>{{ track.title }}</strong><br />
{{ track.artist.name }} <span>
{{ track.artist.name }}
</span>
</button> </button>
</td> </td>
<td> <td>
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</div> </div>
<div class="meta"> <div class="meta">
<span> <span>
<router-link tag="span" :to="{name: 'library.artists.detail', params: {id: album.artist.id }}"> <router-link :title="album.artist.name" tag="span" :to="{name: 'library.artists.detail', params: {id: album.artist.id }}">
<span v-translate="{artist: album.artist.name}" :translate-params="{artist: album.artist.name}">By %{ artist }</span> <span v-translate="{artist: album.artist.name}" :translate-params="{artist: album.artist.name}">By %{ artist }</span>
</router-link> </router-link>
</span><span class="time" v-if="album.release_date">{{ album.release_date | year }}</span> </span><span class="time" v-if="album.release_date">{{ album.release_date | year }}</span>
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</td> </td>
<td class="content-cell" colspan="5"> <td class="content-cell" colspan="5">
<track-favorite-icon :track="track"></track-favorite-icon> <track-favorite-icon :track="track"></track-favorite-icon>
<router-link class="track discrete link" :to="{name: 'library.tracks.detail', params: {id: track.id }}"> <router-link :title="track.title" class="track discrete link" :to="{name: 'library.tracks.detail', params: {id: track.id }}">
<template v-if="track.position"> <template v-if="track.position">
{{ track.position }}. {{ track.position }}.
</template> </template>
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<img class="ui mini image" v-else src="../../../assets/audio/default-cover.png"> <img class="ui mini image" v-else src="../../../assets/audio/default-cover.png">
</td> </td>
<td colspan="4"> <td colspan="4">
<router-link class="discrete link" :to="{name: 'library.albums.detail', params: {id: album.id }}"> <router-link :title="album.title" class="discrete link" :to="{name: 'library.albums.detail', params: {id: album.id }}">
<strong>{{ album.title }}</strong> <strong>{{ album.title }}</strong>
</router-link><br /> </router-link><br />
{{ album.tracks_count }} tracks {{ album.tracks_count }} tracks
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<img class="ui mini image" v-else src="../../../assets/audio/default-cover.png"> <img class="ui mini image" v-else src="../../../assets/audio/default-cover.png">
</td> </td>
<td colspan="6"> <td colspan="6">
<router-link class="track" :to="{name: 'library.tracks.detail', params: {id: track.id }}"> <router-link class="track" :title="track.title" :to="{name: 'library.tracks.detail', params: {id: track.id }}">
<template v-if="displayPosition && track.position"> <template v-if="displayPosition && track.position">
{{ track.position }}. {{ track.position }}.
</template> </template>
...@@ -16,21 +16,21 @@ ...@@ -16,21 +16,21 @@
</router-link> </router-link>
</td> </td>
<td colspan="4"> <td colspan="4">
<router-link v-if="track.artist.id === albumArtist.id" class="artist discrete link" :to="{name: 'library.artists.detail', params: {id: track.artist.id }}"> <router-link v-if="track.artist.id === albumArtist.id" :title="track.artist.name" class="artist discrete link" :to="{name: 'library.artists.detail', params: {id: track.artist.id }}">
{{ track.artist.name }} {{ track.artist.name }}
</router-link> </router-link>
<template v-else> <template v-else>
<router-link class="artist discrete link" :to="{name: 'library.artists.detail', params: {id: albumArtist.id }}"> <router-link class="artist discrete link" :title="albumArtist.name" :to="{name: 'library.artists.detail', params: {id: albumArtist.id }}">
{{ albumArtist.name }} {{ albumArtist.name }}
</router-link> </router-link>
/ /
<router-link class="artist discrete link" :to="{name: 'library.artists.detail', params: {id: track.artist.id }}"> <router-link class="artist discrete link" :title="track.artist.name" :to="{name: 'library.artists.detail', params: {id: track.artist.id }}">
{{ track.artist.name }} {{ track.artist.name }}
</router-link> </router-link>
</template> </template>
</td> </td>
<td colspan="4"> <td colspan="4">
<router-link class="album discrete link" :to="{name: 'library.albums.detail', params: {id: track.album.id }}"> <router-link class="album discrete link" :title="track.album.title" :to="{name: 'library.albums.detail', params: {id: track.album.id }}">
{{ track.album.title }} {{ track.album.title }}
</router-link> </router-link>
</td> </td>
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
class="ui icon basic small button" class="ui icon basic small button"
:to="{name: 'library.playlists.detail', params: {id: playlist.id }, query: {mode: 'edit'}}"><i class="ui pencil icon"></i></router-link> :to="{name: 'library.playlists.detail', params: {id: playlist.id }, query: {mode: 'edit'}}"><i class="ui pencil icon"></i></router-link>
</td> </td>
<td> <td :title="playlist.name">
<router-link :to="{name: 'library.playlists.detail', params: {id: playlist.id }}">{{ playlist.name }}</router-link></td> <router-link :to="{name: 'library.playlists.detail', params: {id: playlist.id }}">{{ playlist.name }}</router-link></td>
<td><human-date :date="playlist.modification_date"></human-date></td> <td><human-date :date="playlist.modification_date"></human-date></td>
<td>{{ playlist.tracks_count }}</td> <td>{{ playlist.tracks_count }}</td>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment