mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 10:04:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix:Reorder local audio files overlapping save button

Browse source
This commit is contained in:
advplyr 2023-02-17 16:07:37 -06:00
parent 05d7d0d0d8
commit 47ccc54749
1 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/localMedia/item/_id.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="w-full h-full py-6 px-2">
<div v-if="localLibraryItem" class="w-full h-full" :class="orderChanged ? 'pb-20' : ''">
<div v-if="localLibraryItem" class="w-full h-full">
<div class="px-2 flex items-center mb-2">
<p class="text-basefont-semibold">{{ mediaMetadata.title }}</p>
<div class="flex-grow" />
@ -18,7 +18,7 @@
<div v-if="isScanning" class="w-full text-center p-4">
<p>Scanning...</p>
</div>
<div v-else class="w-full max-w-full media-item-container overflow-y-auto overflow-x-hidden relative">
<div v-else class="w-full max-w-full media-item-container overflow-y-auto overflow-x-hidden relative" :class="{ 'media-order-changed': orderChanged }">
<div v-if="!isPodcast" class="w-full">
<p class="text-base mb-2">Audio Tracks ({{ audioTracks.length }})</p>
@ -395,6 +395,18 @@ export default {
height: calc(100vh - 200px);
max-height: calc(100vh - 200px);
}
.media-item-container.media-order-changed {
height: calc(100vh - 280px);
max-height: calc(100vh - 280px);
}
.playerOpen .media-item-container {
height: calc(100vh - 300px);
max-height: calc(100vh - 300px);
}
.playerOpen .media-item-container.media-order-changed {
height: calc(100vh - 380px);
max-height: calc(100vh - 380px);
}
.sortable-ghost {
opacity: 0.5;
}