Merge pull request #233 from pSpitzner/mobile_expand_library

On mobile devices the library view can be hard to browse as the tab content can be very small. This PR introduces a collapsed and expanded state for the overview (above the tabs).

There is a small button on the top right in the expanded view, it can be used to trigger the transition. A swipe up also works. Clicking onto the minimal topbar expands it again.

Author: semohr

CHANGELOG.md

@@ -29,6 +29,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - The inbox info button now has a description of all actions [#145](https://github.com/pSpitzner/beets-flask/issues/145)
 - Subpage for version information and configs. You can access it via the version number in the navbar. [#205](https://github.com/pSpitzner/beets-flask/issues/205)
 - New config option `gui.inbox.debounce_before_autotag` to configure how many seconds to wait after the last filesystem event before starting autotagging. Same debounce applies to all inboxes. [#222](https://github.com/pSpitzner/beets-flask/issues/222)
+- The library view on mobile now has a button to collapse the overview (above the tabs). This allows for more space when browsing the library on small screens. 
 
 ### Other (dev)
 

backend/pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "beets-flask"
 description = "An opinionated web-interface around the music organizer [beets](https://beets.io/)"
-version = "1.2.0-rc4"
+version = "1.2.0-rc5"
 authors = [
     { name = "F. Paul Spitzner", email = "paul.spitzner@gmail.com" },
     { name = "Sebastian B. Mohr", email = "sebastian@mohrenclan.de" },
@@ -101,7 +101,7 @@ select = [
     # Unused imports
     "F401",
     # pyupgrade
-    "UP" 
+    "UP",
 ]
 ignore = [
     # Ignore req. for public facing functions docstrings

frontend/package.json

@@ -1,7 +1,7 @@
 {
     "name": "frontend",
     "private": true,
-    "version": "1.2.0-rc4",
+    "version": "1.2.0-rc5",
     "type": "module",
     "scripts": {
         "dev": "vite --host --cors",
@@ -16,47 +16,47 @@
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
         "@lucide/lab": "^0.1.2",
-        "@mui/material": "^7.3.4",
-        "@tanstack/react-query": "^5.90.5",
-        "@tanstack/react-query-devtools": "^5.90.2",
-        "@tanstack/react-router": "^1.133.22",
-        "@tanstack/router-cli": "^1.133.20",
+        "@mui/material": "^7.3.6",
+        "@tanstack/react-query": "^5.90.11",
+        "@tanstack/react-query-devtools": "^5.91.1",
+        "@tanstack/react-router": "^1.139.14",
+        "@tanstack/router-cli": "^1.139.14",
         "@xterm/addon-fit": "^0.10.0",
         "@xterm/xterm": "^5.5.0",
         "diff": "^8.0.2",
         "lucide-react": "^0.546.0",
-        "react": "^19.2.0",
-        "react-dom": "^19.2.0",
+        "react": "^19.2.1",
+        "react-dom": "^19.2.1",
         "react-error-boundary": "^6.0.0",
         "react-virtualized-auto-sizer": "^1.0.26",
-        "react-window": "^2.2.1",
-        "sass": "^1.93.2",
+        "react-window": "^2.2.3",
+        "sass": "^1.94.2",
         "socket.io-client": "^4.8.1",
-        "wavesurfer.js": "^7.11.0"
+        "wavesurfer.js": "^7.12.0"
     },
     "devDependencies": {
-        "@eslint/js": "^9.38.0",
+        "@eslint/js": "^9.39.1",
         "@tanstack/eslint-plugin-query": "^5.91.2",
-        "@tanstack/router-vite-plugin": "^1.133.22",
-        "@types/node": "^24.9.1",
-        "@types/react": "^19.2.2",
-        "@types/react-dom": "^19.2.2",
-        "@typescript-eslint/eslint-plugin": "^8.46.2",
-        "@typescript-eslint/parser": "^8.46.2",
-        "@vitejs/plugin-react": "^5.0.4",
-        "@vitejs/plugin-react-swc": "^4.1.0",
+        "@tanstack/router-vite-plugin": "^1.139.14",
+        "@types/node": "^24.10.1",
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3",
+        "@typescript-eslint/eslint-plugin": "^8.48.1",
+        "@typescript-eslint/parser": "^8.48.1",
+        "@vitejs/plugin-react": "^5.1.1",
+        "@vitejs/plugin-react-swc": "^4.2.2",
         "babel-plugin-react-compiler": "19.1.0-rc.2",
-        "eslint": "^9.38.0",
+        "eslint": "^9.39.1",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-react": "^7.37.5",
         "eslint-plugin-react-hooks": "7.0.0",
         "eslint-plugin-react-refresh": "^0.4.24",
         "eslint-plugin-simple-import-sort": "^12.1.1",
-        "globals": "^16.4.0",
+        "globals": "^16.5.0",
         "postcss": "^8.5.6",
         "typescript": "^5.9.3",
-        "typescript-eslint": "^8.46.2",
-        "vite": "^7.1.11",
+        "typescript-eslint": "^8.48.1",
+        "vite": "^7.2.6",
         "vite-plugin-svgr": "^4.5.0",
         "vite-tsconfig-paths": "^5.1.4"
     },