audiobookshelf / audiobookshelf-web

Website for audiobookshelf
https://audiobookshelf.org
86 stars 40 forks source link

Improve UI #69

Closed benonymity closed 8 months ago

benonymity commented 9 months ago

While the guides and docs on the website just keep getting better and better, It seems like multiple aspects of the UI is in need of some smoothing out. Problems seem most notable in the nav bar, which is jarringly inconsistent between pages and sometimes non-existent. This seems especially problematic when page links move from the left side of the screen to the right and are added/removed/change their names. You can usually get where you need to go, but having four different systems of navigation within as many clicks of each other doesn't seem very user-friendly. Additionally, the FAQ tab is only visible on the docs or the guides page, and isn't even present on the navbar when you are in the FAQ tab itself. On small screens, the sidebar also disappears which mades navigation through guides impossible as brought up in #28, and the showcase tab disappears entirely.

All just CSS nitpicking, but still worth addressing.

Screenshots Bottom right navigation: ![Screenshot 2023-12-29 at 12 00 00 AM](https://github.com/advplyr/audiobookshelf-web/assets/62854267/44450071-883e-45b5-a91c-448549abd8c4) Top right navigation ![Screenshot 2023-12-29 at 12 00 12 AM](https://github.com/advplyr/audiobookshelf-web/assets/62854267/6acb03f6-a099-44aa-b15a-d920dcdf3fae) Top left navigation ![Screenshot 2023-12-29 at 12 00 25 AM](https://github.com/advplyr/audiobookshelf-web/assets/62854267/afd20ef9-0dad-4760-8748-588c4963d9ca) Mobile shortened navigation: ![Screenshot 2023-12-29 at 12 00 45 AM](https://github.com/advplyr/audiobookshelf-web/assets/62854267/ca4b6e40-bc7e-4210-a168-61b47e2ce7f9) Mobile guides: ![Screenshot 2023-12-29 at 12 00 55 AM](https://github.com/advplyr/audiobookshelf-web/assets/62854267/7b4569e7-32a2-4676-8a84-56bd9f9d264a)