[PR #299] [MERGED] Added alternative view setting #1397

New Issue

2026-04-24T23:58:10+02:00

adam commented

2026-04-24 23:58:10 +02:00

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf-app/pull/299
Author: @samblooms
Created: 7/27/2022
Status: ✅ Merged
Merged: 7/28/2022
Merged by: @advplyr

Base: master ← Head: master

📝 Commits (8)

d52c326 add 'Alternative Bookshelf View' setting
a60ff00 add getter method for 'enableAltView'
96fff46 add alternate view to LazybookShelf.vue
a146a15 add alternative view to Shelf.vue
41b0535 fix typo in class name
a5a8f3b alt view series card
e4d2b64 remove modified .gitignore
97e7a12 Updates to make alt bookshelf view look like the web app

📊 Changes

14 files changed (+117 additions, -26 deletions)

View changed files

📝 android/app/src/main/java/com/audiobookshelf/app/data/DeviceClasses.kt (+7 -1)
📝 assets/app.css (+14 -0)
📝 components/bookshelf/LazyBookshelf.vue (+14 -3)
📝 components/bookshelf/Shelf.vue (+33 -9)
📝 components/cards/LazyBookCard.vue (+9 -4)
📝 components/cards/LazyCollectionCard.vue (+4 -3)
📝 components/cards/LazySeriesCard.vue (+6 -2)
📝 ios/App/App/plugins/AbsDatabase.swift (+2 -0)
📝 ios/App/Shared/models/DeviceSettings.swift (+3 -0)
📝 mixins/bookshelfCardsHelpers.js (+3 -2)
📝 package-lock.json (+2 -1)
📝 pages/bookshelf/index.vue (+4 -1)
📝 pages/settings.vue (+12 -0)
📝 store/index.js (+4 -0)

📄 Description

This adds a device setting that will act similarly to the 'Alternative Bookshelf View' toggle on the web version. A toggle switch added to the settings page will change the shelf color, shelf background, and text color on the labels to match the alternate style.

Changing the label style on the series page ( LazySeriesCard.vue ) is buggy.
Using the same 'v-bind:class' and a method to return either 'shinyBlack' or 'altBookshelfLabel' breaks the loading of series.

_{🔄 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-app/pull/299 **Author:** [@samblooms](https://github.com/samblooms) **Created:** 7/27/2022 **Status:** ✅ Merged **Merged:** 7/28/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (8) - [`d52c326`](https://github.com/advplyr/audiobookshelf-app/commit/d52c32612351459cca895bf0fcbb6d8b7d0793e9) add 'Alternative Bookshelf View' setting - [`a60ff00`](https://github.com/advplyr/audiobookshelf-app/commit/a60ff00f7e60360bc86924406d219ae6bcd75ce0) add getter method for 'enableAltView' - [`96fff46`](https://github.com/advplyr/audiobookshelf-app/commit/96fff469fcd4ca722ac228900a3911668b7445c0) add alternate view to LazybookShelf.vue - [`a146a15`](https://github.com/advplyr/audiobookshelf-app/commit/a146a157b8b049802ff7f1b9a0a32ffc897a7eab) add alternative view to Shelf.vue - [`41b0535`](https://github.com/advplyr/audiobookshelf-app/commit/41b05352133d8d7a10b87e508811aebc5c3a8338) fix typo in class name - [`a5a8f3b`](https://github.com/advplyr/audiobookshelf-app/commit/a5a8f3b6acb3c1f188455f852ce3155e2369c3ce) alt view series card - [`e4d2b64`](https://github.com/advplyr/audiobookshelf-app/commit/e4d2b646e73e5014dd6656ffdfedabbb3b8d3b79) remove modified .gitignore - [`97e7a12`](https://github.com/advplyr/audiobookshelf-app/commit/97e7a1288344b80b55a37bea6ce2b4746615720b) Updates to make alt bookshelf view look like the web app ### 📊 Changes **14 files changed** (+117 additions, -26 deletions) <details> <summary>View changed files</summary> 📝 `android/app/src/main/java/com/audiobookshelf/app/data/DeviceClasses.kt` (+7 -1) 📝 `assets/app.css` (+14 -0) 📝 `components/bookshelf/LazyBookshelf.vue` (+14 -3) 📝 `components/bookshelf/Shelf.vue` (+33 -9) 📝 `components/cards/LazyBookCard.vue` (+9 -4) 📝 `components/cards/LazyCollectionCard.vue` (+4 -3) 📝 `components/cards/LazySeriesCard.vue` (+6 -2) 📝 `ios/App/App/plugins/AbsDatabase.swift` (+2 -0) 📝 `ios/App/Shared/models/DeviceSettings.swift` (+3 -0) 📝 `mixins/bookshelfCardsHelpers.js` (+3 -2) 📝 `package-lock.json` (+2 -1) 📝 `pages/bookshelf/index.vue` (+4 -1) 📝 `pages/settings.vue` (+12 -0) 📝 `store/index.js` (+4 -0) </details> ### 📄 Description This adds a device setting that will act similarly to the 'Alternative Bookshelf View' toggle on the web version. A toggle switch added to the settings page will change the shelf color, shelf background, and text color on the labels to match the alternate style. * Changing the label style on the series page ( LazySeriesCard.vue ) is buggy. Using the same 'v-bind:class' and a method to return either 'shinyBlack' or 'altBookshelfLabel' breaks the loading of series. --- <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-24 23:58:10 +02:00

adam closed this issue

2026-04-24 23:58:10 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#1397