sjs/immich
1
0
Fork 0
mirror of https://github.com/samsonjs/immich.git synced 2026-04-27 15:07:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): long text taking more width than expected in duplicate manager (#24547)

Browse source
This commit is contained in:
Hemendra Singh Shekhawat 2026-01-06 18:17:41 +05:30 committed by GitHub
parent f59cff4f5d
commit 7efce389b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
i18n/en.json
View file

@ -1140,7 +1140,7 @@
"features": "Features", "features": "Features",
"features_in_development": "Features in Development", "features_in_development": "Features in Development",
"features_setting_description": "Manage the app features", "features_setting_description": "Manage the app features",
"file_name": "File name", "file_name": "File name: {file_name}",
"file_name_or_extension": "File name or extension", "file_name_or_extension": "File name or extension",
"file_size": "File size", "file_size": "File size",
"filename": "Filename", "filename": "Filename",

8
web/src/lib/components/utilities-page/duplicates/duplicate-asset.svelte
View file

@ -101,7 +101,7 @@
} }
</script> </script>
<div class="min-w-60 transition-colors border rounded-lg"> <div class="min-w-60 transition-colors border rounded-lg flex-1">
<div class="relative w-full"> <div class="relative w-full">
<button <button
type="button" type="button"
@ -168,7 +168,11 @@
? 'bg-success/15 dark:bg-[#001a06]' ? 'bg-success/15 dark:bg-[#001a06]'
: 'bg-transparent'}" : 'bg-transparent'}"
> >
<InfoRow icon={mdiImageOutline} highlight={hasDifferentValues.fileName} title={$t('file_name')}> <InfoRow
icon={mdiImageOutline}
highlight={hasDifferentValues.fileName}
title={$t('file_name', { values: { file_name: asset.originalFileName ?? '' } })}
>
{asset.originalFileName} {asset.originalFileName}
</InfoRow> </InfoRow>

2
web/src/lib/components/utilities-page/duplicates/duplicates-compare-control.svelte
View file

@ -170,7 +170,7 @@
</div> </div>
<div class="overflow-x-auto p-2"> <div class="overflow-x-auto p-2">
<div class="flex flex-nowrap gap-1 place-items-center justify-center min-w-full w-fit mx-auto"> <div class="flex flex-nowrap gap-1 place-items-start justify-center min-w-full w-fit mx-auto">
{#each assets as asset (asset.id)} {#each assets as asset (asset.id)}
<DuplicateAsset {assets} {asset} {onSelectAsset} isSelected={selectedAssetIds.has(asset.id)} {onViewAsset} /> <DuplicateAsset {assets} {asset} {onSelectAsset} isSelected={selectedAssetIds.has(asset.id)} {onViewAsset} />
{/each} {/each}

4
web/src/lib/components/utilities-page/duplicates/info-row.svelte
View file

@ -15,8 +15,8 @@
<div class="grid grid-cols-[25px_1fr] w-full px-1 py-0.5" class:border-b={borderBottom} {title}> <div class="grid grid-cols-[25px_1fr] w-full px-1 py-0.5" class:border-b={borderBottom} {title}>
<Icon {icon} size="18" class="text-dark/25 {highlight ? 'text-primary/75' : ''}" /> <Icon {icon} size="18" class="text-dark/25 {highlight ? 'text-primary/75' : ''}" />
<div class="justify-self-end text-end rounded px-1 transition-colors"> <div class="justify-self-end text-end rounded px-1 transition-colors w-full overflow-hidden">
<Text size="tiny" class={highlight ? 'font-semibold text-primary' : ''}> <Text size="tiny" class={`${highlight ? 'font-semibold text-primary' : ''} text-ellipsis w-full overflow-hidden`}>
{@render children?.()} {@render children?.()}
</Text> </Text>
</div> </div>