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 #739] [MERGED] Show search bar on mobile responsive views (fix #715) #3408

New Issue
Closed
opened 2026-04-25 00:15:32 +02:00 by adam · 0 comments
adam commented 2026-04-25 00:15:32 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/739
Author: @jmt-gh
Created: 6/17/2022
Status: ✅ Merged
Merged: 6/18/2022
Merged by: @advplyr

Base: master ← Head: mobile_responsive_search

📝 Commits (2)

  • 38c259a initial commit for responsive search bar on mobile
  • e334b58 Libraries dropdown updates for mobile

📊 Changes

3 files changed (+10 additions, -10 deletions)

View changed files

📝 client/components/app/Appbar.vue (+2 -2)
📝 client/components/controls/GlobalSearch.vue (+2 -2)
📝 client/components/ui/LibrariesDropdown.vue (+6 -6)

📄 Description

This commit aims to fix #715

This is my first time doing responsive CSS. I'll be refining this -- just wanted to get an initial draft up. I'm trying to follow tailwind's best practices for mobile laid out here of targeting mobile by default, and then using breakpoints for everything else.

A few things I'm trying to achieve:

  • Keep the ABS logo as a valid sized touch target
  • Ensure that the libraries panel leverages an adequate amount of space, regardless of the libraries button size
  • Ensure that search results leverages an adequate amount of space, regardless of the search bar input size

GIF
responsive-search
:

🔄 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/739 **Author:** [@jmt-gh](https://github.com/jmt-gh) **Created:** 6/17/2022 **Status:** ✅ Merged **Merged:** 6/18/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `mobile_responsive_search` --- ### 📝 Commits (2) - [`38c259a`](https://github.com/advplyr/audiobookshelf/commit/38c259a45ef4203dd289d47aab0d9535af0e03b6) initial commit for responsive search bar on mobile - [`e334b58`](https://github.com/advplyr/audiobookshelf/commit/e334b585be2531aa1ae0a4c47f37c843b211e714) Libraries dropdown updates for mobile ### 📊 Changes **3 files changed** (+10 additions, -10 deletions) <details> <summary>View changed files</summary> 📝 `client/components/app/Appbar.vue` (+2 -2) 📝 `client/components/controls/GlobalSearch.vue` (+2 -2) 📝 `client/components/ui/LibrariesDropdown.vue` (+6 -6) </details> ### 📄 Description This commit aims to fix #715 This is my first time doing responsive CSS. I'll be refining this -- just wanted to get an initial draft up. I'm trying to follow tailwind's best practices for mobile [laid out here](https://tailwindcss.com/docs/responsive-design#mobile-first) of targeting mobile by default, and then using breakpoints for everything else. A few things I'm trying to achieve: - Keep the ABS logo as a valid sized touch target - Ensure that the libraries panel leverages an adequate amount of space, regardless of the libraries button size - Ensure that search results leverages an adequate amount of space, regardless of the search bar input size GIF ![responsive-search](https://user-images.githubusercontent.com/13617455/174323037-dd35091c-2e22-4be7-afdf-234b19899e78.gif) : --- <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:15:32 +02:00
adam closed this issue 2026-04-25 00:15:32 +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#3408
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?