diff --git a/changes/changelog.d/710.add-track-dropdown b/changes/changelog.d/710.add-track-dropdown new file mode 100644 index 0000000000000000000000000000000000000000..b82cf92ea86d9ae6aacea9d46d7917a6f1d9ff5c --- /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 624467f211855c73722f12eccf03cc8e4b684492..1f5b23a6c44b5d056dee78b34649a7ca156451c2 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 31327ee3a5e3286cec4eded21ccc801d73e0b1eb..390a4e483ea36224ad2125f37f9af1878f8f9868 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 9a2fe1722a2889468881305c581f5745bf67d397..3687b6e225e0a11a70031574458181a55fb73d61 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; }