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

Update:UI/UX: Add explicit indicator next to titles #1181

Browse source
This commit is contained in:
advplyr 2024-04-28 16:34:31 -05:00
parent cfedcffc98
commit aae53a54cd
4 changed files with 71 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/cards/LazyBookCard.vue
View file

@ -7,9 +7,12 @@
<!-- Alternative bookshelf title/author/sort -->
<div v-if="isAltViewEnabled" class="absolute left-0 z-50 w-full" :style="{ bottom: `-${titleDisplayBottomOffset}rem` }">
<p class="truncate" :style="{ fontSize: 0.9 * sizeMultiplier + 'rem' }">
{{ displayTitle }}
</p>
<div :style="{ fontSize: 0.9 * sizeMultiplier + 'rem' }" class="flex items-center">
<p class="truncate" :style="{ fontSize: 0.9 * sizeMultiplier + 'rem' }">
{{ displayTitle }}
</p>
<widgets-explicit-indicator v-if="isExplicit" />
</div>
<p class="truncate text-fg-muted" :style="{ fontSize: 0.8 * sizeMultiplier + 'rem' }">{{ displayLineTwo || '&nbsp;' }}</p>
<p v-if="displaySortLine" class="truncate text-fg-muted" :style="{ fontSize: 0.8 * sizeMultiplier + 'rem' }">{{ displaySortLine }}</p>
</div>
@ -341,6 +344,9 @@ export default {
isInvalid() {
return this._libraryItem.isInvalid
},
isExplicit() {
return !!this.mediaMetadata.explicit
},
numMissingParts() {
if (this.isPodcast) return 0
return this.media.numMissingParts