starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[PR #3173] Display preview on hover #3889

New Issue
Open
opened 2026-04-25 00:17:27 +02:00 by adam · 0 comments
adam commented 2026-04-25 00:17:27 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/3173
Author: @glorenzen
Created: 7/18/2024
Status: 🔄 Open

Base: master ← Head: book-preview-on-hover

📝 Commits (7)

  • fbaf096 Display tooltip with book details on card hover
  • d48db78 Update tooltip text format for book card description
  • bd40be9 Add toolbar option for displaying details on book card hover
  • e919e4f Fix alphabetize strings in en-us.json
  • f87960e Update tooltip text formatting and include user progress
  • e6da9a1 Merge branch 'advplyr:master' into book-preview-on-hover
  • 9e85525 Merge branch 'master' into book-preview-on-hover

📊 Changes

4 files changed (+167 additions, -95 deletions)

View changed files

📝 client/components/app/BookShelfToolbar.vue (+37 -0)
📝 client/components/cards/LazyBookCard.vue (+127 -95)
📝 client/store/user.js (+1 -0)
📝 client/strings/en-us.json (+2 -0)

📄 Description

This adds a short preview for an item when hovered, per #3064 . I added a simple tooltip that shows a shortened synopsis and the duration.

I'm not crazy about the UX, so feedback is welcome. This may be too much content for a tooltip, making the interface look cluttered. Adding an option in the three dots menu allowing users to turn on/off the tooltips could help with that though.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/3173 **Author:** [@glorenzen](https://github.com/glorenzen) **Created:** 7/18/2024 **Status:** 🔄 Open **Base:** `master` ← **Head:** `book-preview-on-hover` --- ### 📝 Commits (7) - [`fbaf096`](https://github.com/advplyr/audiobookshelf/commit/fbaf09650778f181e0f25f4d2143af025328c773) Display tooltip with book details on card hover - [`d48db78`](https://github.com/advplyr/audiobookshelf/commit/d48db784721a1774a641304bdb57e30afd798d2f) Update tooltip text format for book card description - [`bd40be9`](https://github.com/advplyr/audiobookshelf/commit/bd40be94ab9fa7795a62ea9081f3b6f2d5e74e32) Add toolbar option for displaying details on book card hover - [`e919e4f`](https://github.com/advplyr/audiobookshelf/commit/e919e4f5af4c1d175245b18639c7d7d20cbdee25) Fix alphabetize strings in en-us.json - [`f87960e`](https://github.com/advplyr/audiobookshelf/commit/f87960e60493f424bb7b171b4ba718ea13ce0d0c) Update tooltip text formatting and include user progress - [`e6da9a1`](https://github.com/advplyr/audiobookshelf/commit/e6da9a1945d9c9bb268359be22c44ec823a4ad3d) Merge branch 'advplyr:master' into book-preview-on-hover - [`9e85525`](https://github.com/advplyr/audiobookshelf/commit/9e85525c5d960a8754971d7b69295595cecb2dc8) Merge branch 'master' into book-preview-on-hover ### 📊 Changes **4 files changed** (+167 additions, -95 deletions) <details> <summary>View changed files</summary> 📝 `client/components/app/BookShelfToolbar.vue` (+37 -0) 📝 `client/components/cards/LazyBookCard.vue` (+127 -95) 📝 `client/store/user.js` (+1 -0) 📝 `client/strings/en-us.json` (+2 -0) </details> ### 📄 Description This adds a short preview for an item when hovered, per #3064 . I added a simple tooltip that shows a shortened synopsis and the duration. I'm not crazy about the UX, so feedback is welcome. This may be too much content for a tooltip, making the interface look cluttered. Adding an option in the three dots menu allowing users to turn on/off the tooltips could help with that though. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:17:27 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3889
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?