Sfoglia il codice sorgente

fix(AddToPlaylistDropdown): was breaking queue item/playlist song item when expanding

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 anni fa
parent
commit
24b03a9423

+ 7 - 4
frontend/src/components/modals/EditPlaylist/components/PlaylistSongItem.vue

@@ -1,6 +1,5 @@
 <template>
 	<div class="universal-item playlist-song-item">
-		<add-to-playlist-dropdown v-if="showPlaylistDropdown" :song="song" />
 		<div id="thumbnail-and-info">
 			<img
 				v-if="song.thumbnail"
@@ -39,6 +38,7 @@
 				queue
 			</i>
 		</div>
+		<add-to-playlist-dropdown v-if="showPlaylistDropdown" :song="song" />
 	</div>
 </template>
 
@@ -76,10 +76,13 @@ export default {
 
 /deep/ #nav-dropdown {
 	margin-top: 36px;
+	width: 0;
+	height: 0;
 
-	/deep/ .nav-dropdown-items {
-		position: absolute;
-		right: 20px;
+	.nav-dropdown-items {
+		width: max-content;
+		position: relative;
+		right: 200px;
 	}
 }
 

+ 9 - 5
frontend/src/pages/Station/components/Sidebar/Queue/QueueItem.vue

@@ -1,6 +1,5 @@
 <template>
 	<div class="universal-item queue-item">
-		<add-to-playlist-dropdown v-if="showPlaylistDropdown" :song="song" />
 		<div id="thumbnail-and-info">
 			<img
 				class="item-thumbnail"
@@ -50,6 +49,8 @@
 				</p>
 			</div>
 		</div>
+		<add-to-playlist-dropdown v-if="showPlaylistDropdown" :song="song" />
+
 		<div id="duration-and-actions">
 			<p id="song-duration">
 				{{ utils.formatTime(song.duration) }}
@@ -144,10 +145,13 @@ export default {
 
 /deep/ #nav-dropdown {
 	margin-top: 36px;
+	width: 0;
+	height: 0;
 
-	/deep/ .nav-dropdown-items {
-		position: absolute;
-		right: 0;
+	.nav-dropdown-items {
+		width: max-content;
+		position: relative;
+		right: 125px;
 	}
 }
 
@@ -167,7 +171,7 @@ export default {
 	}
 
 	#thumbnail-and-info {
-		width: calc(100% - 120px);
+		width: calc(100% - 110px);
 	}
 
 	#song-info {