From 2f0fe545d06819a8f532bf2ec4705208c30e6bb6 Mon Sep 17 00:00:00 2001
From: Rodrigo Leite <rodrigo@leite.dev>
Date: Mon, 19 Aug 2019 11:19:10 +0200
Subject: [PATCH] Fix #531: Add dropdown menu to album page
---
changes/changelog.d/710.add-track-dropdown | 1 +
front/src/components/audio/track/Row.vue | 7 +++++++
front/src/components/audio/track/Table.vue | 3 +++
front/src/style/_main.scss | 5 -----
4 files changed, 11 insertions(+), 5 deletions(-)
create mode 100644 changes/changelog.d/710.add-track-dropdown
diff --git a/changes/changelog.d/710.add-track-dropdown b/changes/changelog.d/710.add-track-dropdown
new file mode 100644
index 00000000..b82cf92e
--- /dev/null
+++ b/changes/changelog.d/710.add-track-dropdown
@@ -0,0 +1 @@
+Add dropdown menu to track table (#531)
diff --git a/front/src/components/audio/track/Row.vue b/front/src/components/audio/track/Row.vue
index 624467f2..1f5b23a6 100644
--- a/front/src/components/audio/track/Row.vue
+++ b/front/src/components/audio/track/Row.vue
@@ -42,6 +42,13 @@
</td>
<td colspan="2" class="align right">
<track-favorite-icon class="favorite-icon" :track="track"></track-favorite-icon>
+ <play-button
+ class="play-button basic icon"
+ :dropdown-only="true"
+ :is-playable="track.is_playable"
+ :dropdown-icon-classes="['ellipsis', 'vertical', 'large', 'grey']"
+ :track="track"
+ ></play-button>
<track-playlist-icon
v-if="$store.state.auth.authenticated"
:track="track"></track-playlist-icon>
diff --git a/front/src/components/audio/track/Table.vue b/front/src/components/audio/track/Table.vue
index 31327ee3..390a4e48 100644
--- a/front/src/components/audio/track/Table.vue
+++ b/front/src/components/audio/track/Table.vue
@@ -85,4 +85,7 @@ tr:not(:hover) .favorite-icon:not(.favorited) {
pre {
overflow-x: scroll;
}
+.table-wrapper {
+ overflow: visible;
+}
</style>
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index 9a2fe172..3687b6e2 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -364,11 +364,6 @@ input + .help {
margin-top: 0.5em;
}
-.table td .ui.dropdown {
- min-width: 150px;
-}
-
-
.tag-list {
margin-top: 0.5em;
}
--
GitLab