Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add the tooltips back to the bottom row

Browse source
This commit is contained in:
Oliver-Akins 2020-08-23 01:38:09 -06:00
parent 1c8923f5fa
commit 0c9d94a6bd
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/cards/Track.vue
View file

@ -24,6 +24,7 @@
<div class="bottom-bar"> <div class="bottom-bar">
<button <button
class="popularity" class="popularity"
v-tooltip="popularity_tooltip"
@click="show_pop_modal = true" @click="show_pop_modal = true"
> >
{{ item.popularity }} {{ item.popularity }}
@ -31,6 +32,7 @@
<button <button
class="share" class="share"
name="Share" name="Share"
v-tooltip="share_tooltip"
@click="show_share_modal = true" @click="show_share_modal = true"
> >
<icon <icon
@ -43,6 +45,7 @@
<button <button
class="information" class="information"
name="Track Information" name="Track Information"
v-tooltip="info_tooltip"
@click="show_track_info = true" @click="show_track_info = true"
> >
<icon <icon
@ -52,7 +55,10 @@
:primary="css_var('--card-bottom-row-icon-colour')" :primary="css_var('--card-bottom-row-icon-colour')"
/> />
</button> </button>
<div class="duration"> <div
class="duration"
v-tooltip="duration_tooltip"
>
{{ duration }} {{ duration }}
</div> </div>
</div> </div>
@ -97,6 +103,8 @@ export default {
data() { return { data() { return {
duration_tooltip: `Song Duration`, duration_tooltip: `Song Duration`,
popularity_tooltip: `Song Popularity`, popularity_tooltip: `Song Popularity`,
info_tooltip: `Audio Features`,
share_tooltip: `Share`,
show_pop_modal: false, show_pop_modal: false,
show_track_info: false, show_track_info: false,
show_share_modal: false, show_share_modal: false,