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

[Bug]: menu covers text - audiobookshelf.org #2646

New Issue
Closed
opened 2026-04-25 00:09:14 +02:00 by adam · 5 comments
adam commented 2026-04-25 00:09:14 +02:00
Owner
Copy Link
Copy Source

Originally created by @CouldBeThis on GitHub (Mar 10, 2025).

What happened?

This is about the website https://www.audiobookshelf.org not the application. I didn't find a more suitable place to post; apologize if this is incorrect.

The website doesn't adapt properly to window/text sizes that are less than a large desktop monitor, but larger than mobile.

Here is a screenshot with kruler for scale:
Image

This is the largest text size at which I can avoid the effect with a window of this width:

Image

I often use the web with a window this size --- tiled to 50% available screen. Especially documentation, so I can read and work at the same time. But even at full screen this happens unless I make the text smaller than I prefer.

What did you expect to happen?

Eventually if you keep increasing the font size, the design switched to the mobile-friendly style, where the menu is hideable with a button:

Image

The threshold of this change should account for mid-sized viewports. Or just include the menu hiding button all the time.

Steps to reproduce the issue

  1. Go to https://www.audiobookshelf.org
  2. Make window smaller and/or text size larger

Audiobookshelf version

na

How are you running audiobookshelf?

Docker

What OS is your Audiobookshelf server hosted from?

Windows

If the issue is being seen in the UI, what browsers are you seeing the problem on?

None

Logs

Additional Notes

Am using Firefox. Replicated in Private mode. Replicated in Eolie browser.

Linux/XFCE; don't have anything else available to test.

Originally created by @CouldBeThis on GitHub (Mar 10, 2025). ### What happened? This is about the website https://www.audiobookshelf.org not the application. I didn't find a more suitable place to post; apologize if this is incorrect. The website doesn't adapt properly to window/text sizes that are less than a large desktop monitor, but larger than mobile. Here is a screenshot with `kruler` for scale: ![Image](https://github.com/user-attachments/assets/9bc15c11-f7ff-40c2-8648-70c3345ee588) This is the largest text size at which I can avoid the effect with a window of this width: ![Image](https://github.com/user-attachments/assets/a0c75f65-3651-423f-bced-5d76b6e15f73) I often use the web with a window this size --- tiled to 50% available screen. Especially documentation, so I can read and work at the same time. But even at full screen this happens unless I make the text smaller than I prefer. ### What did you expect to happen? Eventually if you keep increasing the font size, the design switched to the mobile-friendly style, where the menu is hideable with a button: ![Image](https://github.com/user-attachments/assets/2fe54faf-005a-423a-8cd2-e583b634d114) The threshold of this change should account for mid-sized viewports. Or just include the menu hiding button all the time. ### Steps to reproduce the issue 1. Go to https://www.audiobookshelf.org 2. Make window smaller and/or text size larger ### Audiobookshelf version na ### How are you running audiobookshelf? Docker ### What OS is your Audiobookshelf server hosted from? Windows ### If the issue is being seen in the UI, what browsers are you seeing the problem on? None ### Logs ```shell ``` ### Additional Notes Am using Firefox. Replicated in Private mode. Replicated in Eolie browser. Linux/XFCE; don't have anything else available to test.
adam added the bug label 2026-04-25 00:09:14 +02:00
adam closed this issue 2026-04-25 00:09:14 +02:00
adam commented 2026-04-25 00:09:15 +02:00
Author
Owner
Copy Link
Copy Source

@Vito0912 commented on GitHub (Mar 10, 2025):

See https://github.com/audiobookshelf/audiobookshelf-web

@Vito0912 commented on GitHub (Mar 10, 2025): See https://github.com/audiobookshelf/audiobookshelf-web
adam commented 2026-04-25 00:09:15 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Mar 10, 2025):

This is fixed now. I saw you opened it in the correct repository a while ago https://github.com/audiobookshelf/audiobookshelf-web/issues/111

@advplyr commented on GitHub (Mar 10, 2025): This is fixed now. I saw you opened it in the correct repository a while ago https://github.com/audiobookshelf/audiobookshelf-web/issues/111
adam commented 2026-04-25 00:09:15 +02:00
Author
Owner
Copy Link
Copy Source

@CouldBeThis commented on GitHub (Mar 11, 2025):

That explains the deja vue I had while composing it.

Sorry to pester you. Wasn't intentional. Hope you see the humour in writing the same report twice. This is my life I guess..

Once the fix gets published I'll have to stop procrastinating and actually set up this very highly-recommended application. Been on my todo list for years.

Thanks for your development and support. Very appreciated.

@CouldBeThis commented on GitHub (Mar 11, 2025): That explains the deja vue I had while composing it. Sorry to pester you. Wasn't intentional. Hope you see the humour in writing the same report twice. This is my life I guess.. Once the fix gets published I'll have to stop procrastinating and actually set up this very highly-recommended application. Been on my todo list for years. Thanks for your development and support. Very appreciated.
adam commented 2026-04-25 00:09:15 +02:00
Author
Owner
Copy Link
Copy Source

@nichwall commented on GitHub (Mar 11, 2025):

Once the fix gets published I'll have to stop procrastinating and actually set up this very highly-recommended application. Been on my todo list for years.

The change is published for the docs already. The audiobookshelf-web repository is just the public website and it's unrelated to the server and web client (other than they are both related to Audiobookshelf)

@nichwall commented on GitHub (Mar 11, 2025): > Once the fix gets published I'll have to stop procrastinating and actually set up this very highly-recommended application. Been on my todo list for years. The change is published for the docs already. The audiobookshelf-web repository is just the public website and it's unrelated to the server and web client (other than they are both related to Audiobookshelf)
adam commented 2026-04-25 00:09:16 +02:00
Author
Owner
Copy Link
Copy Source

@CouldBeThis commented on GitHub (Mar 13, 2025):

Oh weird. I can see it fixed when I open in a new browser profile but not in my usual browser even after clearing the cache.. that's my problem to solve.

@CouldBeThis commented on GitHub (Mar 13, 2025): Oh weird. I can see it fixed when I open in a new browser profile but not in my usual browser even after clearing the cache.. that's _my_ problem to solve.
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 bug
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#2646
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?