[PR #3453] [MERGED] Center Play Button #3979

Closed
opened 2026-04-25 00:17:48 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/3453
Author: @glorenzen
Created: 9/25/2024
Status: Merged
Merged: 9/25/2024
Merged by: @advplyr

Base: masterHead: center-play-button


📝 Commits (3)

  • 0d31d20 Center align player chapter title
  • b2d41f0 Move playback speed control next to player volume control
  • 0bc58c2 Update playback speed to no longer use font-mono, adjust position of popup

📊 Changes

3 files changed (+61 additions, -70 deletions)

View changed files

📝 client/components/controls/PlaybackSpeedControl.vue (+8 -8)
📝 client/components/player/PlayerPlaybackControls.vue (+32 -51)
📝 client/components/player/PlayerUi.vue (+21 -11)

📄 Description

This is a UI fix to adjust the playback controls so that the chapter name and play button are centered on the screen.

I moved the playback rate controls over to the right with the volume and other icons. The icons might get a little crowded on very small mobile screens (below 400px wide), but it seems okay from my testing.

image

This fixes #3244


🔄 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/3453 **Author:** [@glorenzen](https://github.com/glorenzen) **Created:** 9/25/2024 **Status:** ✅ Merged **Merged:** 9/25/2024 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `center-play-button` --- ### 📝 Commits (3) - [`0d31d20`](https://github.com/advplyr/audiobookshelf/commit/0d31d20f0f335cc7fde10ee938c2cae5a8f7ecc9) Center align player chapter title - [`b2d41f0`](https://github.com/advplyr/audiobookshelf/commit/b2d41f05839c0b12cedefc305239e760c217ab14) Move playback speed control next to player volume control - [`0bc58c2`](https://github.com/advplyr/audiobookshelf/commit/0bc58c254f5ae1df66811b66b682eceb6489f236) Update playback speed to no longer use font-mono, adjust position of popup ### 📊 Changes **3 files changed** (+61 additions, -70 deletions) <details> <summary>View changed files</summary> 📝 `client/components/controls/PlaybackSpeedControl.vue` (+8 -8) 📝 `client/components/player/PlayerPlaybackControls.vue` (+32 -51) 📝 `client/components/player/PlayerUi.vue` (+21 -11) </details> ### 📄 Description This is a UI fix to adjust the playback controls so that the chapter name and play button are centered on the screen. I moved the playback rate controls over to the right with the volume and other icons. The icons might get a little crowded on very small mobile screens (below 400px wide), but it seems okay from my testing. ![image](https://github.com/user-attachments/assets/aded5f68-c0a1-4d7d-a4a7-8454363d22af) This fixes #3244 --- <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:48 +02:00
adam closed this issue 2026-04-25 00:17:48 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3979