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 8

feat: rtl (#17860)

Browse source
This commit is contained in:
Jason Rasmussen 2025-04-28 09:53:53 -04:00 • committed by GitHub
parent 85ac0512a6
commit e6c575c33e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
130 changed files with 354 additions and 323 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/faces-page/edit-name-input.svelte
View file

@ -35,7 +35,7 @@
: 'rounded-lg'} bg-gray-100 p-2 dark:bg-gray-700 border border-gray-200 dark:border-immich-dark-gray"
>
<ImageThumbnail circle shadow url={thumbnailData} altText={person.name} widthStyle="2rem" heightStyle="2rem" />
<form class="ml-4 flex w-full justify-between gap-16" autocomplete="off" {onsubmit}>
<form class="ms-4 flex w-full justify-between gap-16" autocomplete="off" {onsubmit}>
<SearchPeople
bind:searchName={name}
bind:searchedPeopleLocal={suggestedPeople}

6
web/src/lib/components/faces-page/face-thumbnail.svelte
View file

@ -44,7 +44,7 @@
</div>
<div
class="absolute left-0 top-0 h-full w-full bg-immich-primary/30 opacity-0"
class="absolute start-0 top-0 h-full w-full bg-immich-primary/30 opacity-0"
class:hover:opacity-100={selectable}
class:rounded-full={circle}
class:rounded-lg={!circle}
@ -52,7 +52,7 @@
{#if selected}
<div
class="absolute left-0 top-0 h-full w-full bg-blue-500/80"
class="absolute start-0 top-0 h-full w-full bg-blue-500/80"
class:rounded-full={circle}
class:rounded-lg={!circle}
></div>
@ -60,7 +60,7 @@
{#if person.name}
<span
class="w-100 text-white-shadow absolute bottom-2 left-0 w-full text-ellipsis px-1 text-center font-medium text-white hover:cursor-pointer"
class="w-100 text-white-shadow absolute bottom-2 start-0 w-full text-ellipsis px-1 text-center font-medium text-white hover:cursor-pointer"
>
{person.name}
</span>

6
web/src/lib/components/faces-page/manage-people-visibility.svelte
View file

@ -117,12 +117,12 @@
<div class="flex items-center">
<CircleIconButton title={$t('close')} icon={mdiClose} onclick={onClose} />
<div class="flex gap-2 items-center">
<p id={titleId} class="ml-2">{$t('show_and_hide_people')}</p>
<p id={titleId} class="ms-2">{$t('show_and_hide_people')}</p>
<p class="text-sm text-gray-400 dark:text-gray-600">({totalPeopleCount.toLocaleString($locale)})</p>
</div>
</div>
<div class="flex items-center justify-end">
<div class="flex items-center md:mr-4">
<div class="flex items-center md:me-4">
<CircleIconButton title={$t('reset_people_visibility')} icon={mdiRestart} onclick={handleResetVisibility} />
<CircleIconButton title={toggleButton.label} icon={toggleButton.icon} onclick={handleToggleVisibility} />
</div>
@ -154,7 +154,7 @@
hiddenIconClass="text-white group-hover:text-black transition-colors"
/>
{#if person.name}
<span class="absolute bottom-2 left-0 w-full select-text px-1 text-center font-medium text-white">
<span class="absolute bottom-2 start-0 w-full select-text px-1 text-center font-medium text-white">
{person.name}
</span>
{/if}

4
web/src/lib/components/faces-page/merge-face-selector.svelte
View file

@ -99,7 +99,7 @@
<section
transition:fly={{ y: 500, duration: 100, easing: quintOut }}
class="absolute left-0 top-0 z-[9999] h-full w-full bg-immich-bg dark:bg-immich-dark-bg"
class="absolute start-0 top-0 z-[9999] h-full w-full bg-immich-bg dark:bg-immich-dark-bg"
>
<ControlAppBar onClose={onBack}>
{#snippet leading()}
@ -113,7 +113,7 @@
{#snippet trailing()}
<Button size="sm" disabled={!hasSelection} onclick={handleMerge}>
<Icon path={mdiMerge} size={18} />
<span class="ml-2">{$t('merge')}</span></Button
<span class="ms-2">{$t('merge')}</span></Button
>
{/snippet}
</ControlAppBar>

4
web/src/lib/components/faces-page/people-card.svelte
View file

@ -54,7 +54,7 @@
circle
/>
{#if person.isFavorite}
<div class="absolute top-4 left-4">
<div class="absolute top-4 start-4">
<Icon path={mdiHeart} size="24" class="text-white" />
</div>
{/if}
@ -62,7 +62,7 @@
</a>
{#if showVerticalDots}
<div class="absolute top-2 right-2">
<div class="absolute top-2 end-2">
<ButtonContextMenu
buttonClass="icon-white-drop-shadow focus:opacity-100 {showVerticalDots ? 'opacity-100' : 'opacity-0'}"
color="opaque"

16
web/src/lib/components/faces-page/person-side-panel.svelte
View file

@ -227,7 +227,7 @@
<div
role="button"
tabindex={index}
class="absolute left-0 top-0 h-[90px] w-[90px] cursor-default"
class="absolute start-0 top-0 h-[90px] w-[90px] cursor-default"
onfocus={() => ($boundingBoxesArray = [peopleWithFaces[index]])}
onmouseover={() => ($boundingBoxesArray = [peopleWithFaces[index]])}
onmouseleave={() => ($boundingBoxesArray = [])}
@ -303,7 +303,7 @@
</p>
{/if}
<div class="absolute -right-[5px] -top-[5px] h-[20px] w-[20px] rounded-full">
<div class="absolute -end-[5px] -top-[5px] h-[20px] w-[20px] rounded-full">
{#if selectedPersonToCreate[face.id] || selectedPersonToReassign[face.id]}
<CircleIconButton
color="primary"
@ -311,7 +311,7 @@
title={$t('reset')}
size="18"
padding="1"
class="absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
class="absolute start-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
onclick={() => handleReset(face.id)}
/>
{:else}
@ -321,29 +321,29 @@
title={$t('select_new_face')}
size="18"
padding="1"
class="absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
class="absolute start-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
onclick={() => handleFacePicker(face)}
/>
{/if}
</div>
<div class="absolute right-[25px] -top-[5px] h-[20px] w-[20px] rounded-full">
<div class="absolute end-[25px] -top-[5px] h-[20px] w-[20px] rounded-full">
{#if !selectedPersonToCreate[face.id] && !selectedPersonToReassign[face.id] && !face.person}
<div
class="flex place-content-center place-items-center rounded-full bg-[#d3d3d3] p-1 transition-all absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
class="flex place-content-center place-items-center rounded-full bg-[#d3d3d3] p-1 transition-all absolute start-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
>
<Icon color="primary" path={mdiAccountOff} ariaHidden size="18" />
</div>
{/if}
</div>
{#if face.person != null}
<div class="absolute -right-[5px] top-[25px] h-[20px] w-[20px] rounded-full">
<div class="absolute -end-[5px] top-[25px] h-[20px] w-[20px] rounded-full">
<CircleIconButton
color="red"
icon={mdiTrashCan}
title={$t('delete_face')}
size="18"
padding="1"
class="absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
class="absolute start-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
onclick={() => deleteAssetFace(face)}
/>
</div>

6
web/src/lib/components/faces-page/unmerge-face-selector.svelte
View file

@ -120,7 +120,7 @@
<section
transition:fly={{ y: 500, duration: 100, easing: quintOut }}
class="absolute left-0 top-0 z-[9999] h-full w-full bg-immich-bg dark:bg-immich-dark-bg"
class="absolute start-0 top-0 z-[9999] h-full w-full bg-immich-bg dark:bg-immich-dark-bg"
>
<ControlAppBar {onClose}>
{#snippet leading()}
@ -140,7 +140,7 @@
{:else}
<LoadingSpinner />
{/if}
<span class="ml-2"> {$t('create_new_person')}</span></Button
<span class="ms-2"> {$t('create_new_person')}</span></Button
>
<Button
size="sm"
@ -155,7 +155,7 @@
{:else}
<LoadingSpinner />
{/if}
<span class="ml-2"> {$t('reassign')}</span></Button
<span class="ms-2"> {$t('reassign')}</span></Button
>
</div>
{/snippet}