helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(web,a11y): standardize base modal (#8388)

Browse source 
* consistent headings
* remove escape key handler
* add aria attributes
This commit is contained in:
Ben Basten 2024-04-02 15:05:02 +00:00 • committed by GitHub
parent 28e8e539f6
commit f7afc0334e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 53 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/src/lib/components/album-page/user-selection-modal.svelte
View file

@ -13,7 +13,6 @@
import { createEventDispatcher, onMount } from 'svelte';
import Button from '../elements/buttons/button.svelte';
import BaseModal from '../shared-components/base-modal.svelte';
import ImmichLogo from '../shared-components/immich-logo.svelte';
import UserAvatar from '../shared-components/user-avatar.svelte';
export let album: AlbumResponseDto;
@ -55,14 +54,7 @@
};
</script>
<BaseModal on:close={() => dispatch('close')}>
<svelte:fragment slot="title">
<span class="flex place-items-center gap-2">
<ImmichLogo noText={true} width={36} />
<p class="font-medium">Invite to album</p>
</span>
</svelte:fragment>
<BaseModal id="user-selection-modal" title="Invite to album" showLogo on:close>
{#if selectedUsers.length > 0}
<div class="mb-2 flex flex-wrap place-items-center gap-4 overflow-x-auto px-5 py-2 sticky">
<p class="font-medium">To</p>