starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-07-25 05:58:34 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

[PR #499] [MERGED] Metadata Table Alignment #1438

New Issue
Closed
opened 2026-04-24 23:58:27 +02:00 by adam · 0 comments
adam commented 2026-04-24 23:58:27 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf-app/pull/499
Author: @lkiesow
Created: 1/8/2023
Status: ✅ Merged
Merged: 1/8/2023
Merged by: @advplyr

Base: master ← Head: metadata-table

📝 Commits (1)

📊 Changes

1 file changed (+15 additions, -16 deletions)

View changed files

📝 pages/item/_id.vue (+15 -16)

📄 Description

This patch updates the metadata table in the book details view, turning it into a CSS grid layout. This fixes a few issues with the current layout:

  • Keys and values are not vertically aligned with the value being displayed a little bit above the baseline of the key.
  • There is no horizontal alignment of the table columns. In fact, it is technically not a table despite the CSS being tuned to almost look like one. Just turning this into a real grid looks cleaner.
  • The code for making multi-line values not wrap is broken. This fixes the problem.

This also renames “Publish Year” to “Published”. Mainly because it is shorter.

Screenshot from 2023-01-08 17-02-43

🔄 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/499 **Author:** [@lkiesow](https://github.com/lkiesow) **Created:** 1/8/2023 **Status:** ✅ Merged **Merged:** 1/8/2023 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `metadata-table` --- ### 📝 Commits (1) - [`ea6bb0a`](https://github.com/advplyr/audiobookshelf-app/commit/ea6bb0a8478fc3bd6b2a32f09846ae897ad74f06) Metadata Table Alignment ### 📊 Changes **1 file changed** (+15 additions, -16 deletions) <details> <summary>View changed files</summary> 📝 `pages/item/_id.vue` (+15 -16) </details> ### 📄 Description This patch updates the metadata table in the book details view, turning it into a CSS grid layout. This fixes a few issues with the current layout: - Keys and values are not vertically aligned with the value being displayed a little bit above the baseline of the key. - There is no horizontal alignment of the table columns. In fact, it is technically not a table despite the CSS being tuned to almost look like one. Just turning this into a real grid looks cleaner. - The code for making multi-line values not wrap is broken. This fixes the problem. This also renames “Publish Year” to “Published”. Mainly because it is shorter. ![Screenshot from 2023-01-08 17-02-43](https://user-images.githubusercontent.com/1008395/211207427-8423377a-9ae9-4b96-8296-4385f7141323.png) --- <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:27 +02:00
adam closed this issue 2026-04-24 23:58:27 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
android
android auto
backlog
bug
enhancement
ereader
help wanted
iOS
progress sync
pull-request
Mirrored from GitHub Pull Request
 sleep timer
unable to reproduce
waiting
No labels pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#1438