groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-09 19:01:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add toolbar option for displaying details on book card hover

Browse source
This commit is contained in:
Greg Lorenzen 2024-07-18 18:35:16 +00:00
parent d48db78472
commit bd40be94ab
4 changed files with 44 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/components/cards/LazyBookCard.vue
View file

@ -1,6 +1,6 @@
<template>
<div ref="card" :id="`book-card-${index}`" :style="{ minWidth: coverWidth + 'px', maxWidth: coverWidth + 'px' }" class="absolute rounded-sm z-10 cursor-pointer" @mousedown.prevent @mouseup.prevent @mousemove.prevent @mouseover="mouseover" @mouseleave="mouseleave" @click="clickCard">
<ui-tooltip :direction="'top'" :text="getTooltipText()">
<ui-tooltip :disabled="!userShowDetailsOnHover" :direction="'bottom'" :delayOnShow="500" :text="getTooltipText()">
<div :id="`cover-area-${index}`" class="relative w-full top-0 left-0 rounded overflow-hidden z-10 bg-primary box-shadow-book" :style="{ height: coverHeight + 'px ' }">
<!-- When cover image does not fill -->
<div cy-id="coverBg" v-show="showCoverBg" class="absolute top-0 left-0 w-full h-full overflow-hidden rounded-sm bg-primary">
@ -485,6 +485,9 @@ export default {
userIsAdminOrUp() {
return this.store.getters['user/getIsAdminOrUp']
},
userShowDetailsOnHover() {
return this.store.getters['user/getUserSetting']('showDetailsOnHover')
},
moreMenuItems() {
if (this.isMusic) return []