1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 08:31:59 +00:00
immich/web
Ben b71aa4473b
feat(web): keyboard accessible context menus (#10017)
* feat(web,a11y): context menu keyboard navigation

* wip: all context menus visible

* wip: more migrations to the ButtonContextMenu, usability improvements

* wip: migrate Administration, PeopleCard

* wip: refocus the button on click, docs

* fix: more intuitive RightClickContextMenu

- configurable title
- focus management: tab keys, clicks, closing the menu
- automatically closing when an option is selected

* fix: refining the little details

- adjust the aria attributes
- intuitive escape key propagation
- extract context into its own file

* fix: dropdown options not clickable in a <Portal>

* wip: small fixes

- export selectedColor to prevent unexpected styling
- better context function naming

* chore: revert changes to list navigation, to reduce scope of the PR

* fix: remove topBorder prop

* feat: automatically select the first option on enter or space keypress

* fix: use Svelte store instead to handle selecting menu options

- better prop naming for ButtonContextMenu

* feat: hovering the mouse can change the active element

* fix: remove Portal, more predictable open/close behavior

* feat: make selected item visible using a scroll

- also: minor cleanup of the context-menu-navigation Svelte action

* feat: maintain context menu position on resize

* fix: use the whole padding class as better tailwind convention

* fix: options not announcing with screen reader for ButtonContextMenu

* fix: screen reader announcing right click context menu options

* fix: handle focus out scenario

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
2024-06-17 20:52:38 -07:00
..
bin chore: web shutdown signal (#7114) 2024-02-14 08:57:02 -06:00
src feat(web): keyboard accessible context menus (#10017) 2024-06-17 20:52:38 -07:00
static chore(web): enable prettier json key sorting recursively (#10120) 2024-06-11 12:52:20 +01:00
.dockerignore feat(web)!: SPA (#5069) 2023-11-17 22:13:36 -06:00
.eslintignore chore(deps): update web (#8066) 2024-03-20 14:08:01 -05:00
.eslintrc.cjs fix(web): require button type (#9786) 2024-05-27 14:06:15 +07:00
.gitignore Add ablum feature to web (#352) 2022-07-15 23:18:17 -05:00
.npmrc Add web interface with admin functionality (#167) 2022-05-21 02:23:55 -05:00
.nvmrc fix(deps): update typescript-projects (#9971) 2024-06-04 10:35:24 +01:00
.prettierignore chore(web): fix weblate conflicts (#10071) 2024-06-10 13:59:54 +01:00
.prettierrc chore(web): enable prettier json key sorting recursively (#10120) 2024-06-11 12:52:20 +01:00
Dockerfile chore(deps): update node.js to 53108f6 (#9450) 2024-05-14 10:53:04 +01:00
package-lock.json fix(deps): update typescript-projects (#10105) 2024-06-13 20:46:26 -04:00
package.json Version v1.106.4 2024-06-13 15:12:51 +00:00
postcss.config.cjs chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
README.md docs: add some details for getting started as a developer (#8468) 2024-04-02 11:56:33 -05:00
svelte.config.js perf: precompress and cache assets (#7757) 2024-03-08 21:15:38 -05:00
tailwind.config.cjs fix(web): asset-grid padding/margin left fix (#8125) 2024-03-21 00:18:38 -05:00
tsconfig.json chore(web): enable prettier json key sorting recursively (#10120) 2024-06-11 12:52:20 +01:00
vite.config.js feat(web): separate command to build with rollup plugin visualizer (#9097) 2024-04-26 15:36:30 -04:00

Immich web project

This project uses the SvelteKit web framework. Please refer to the SvelteKit docs for information on getting started as a contributor to this project. In particular, it will help you navigate the project's code if you understand the basics of SvelteKit routing.

When developing locally, you will run a SvelteKit Node.js server. When this project is deployed to production, it is built as a SPA and deployed as part of [../server](the server project).