github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-05-18 03:10:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

- clean up chip wrapping to no-wrap, overflow ellipsis

Browse Source
This commit is contained in:
CJPeckover
2025-06-07 01:03:05 -04:00
parent b52e882e69
commit 0efbd1e0f9
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/shared-components/search-bar/search-albums-section.svelte
+15 -3
View File
@@ -66,11 +66,11 @@
{#each sortedSelectedAlbums as albumId (albumId)}
{@const album = albumMap[albumId]}
{#if album}
<div class="flex group transition-all">
<div class="album-chip-container flex group transition-all">
<span
class="inline-block h-min ps-3 pe-1 group-hover:ps-3 py-1 text-center align-baseline leading-none text-gray-100 dark:text-immich-dark-gray bg-immich-primary dark:bg-immich-dark-primary roudned-s-full hover:bg-immich-primary/80 dark:hover:bg-immich-dark-primary/80 transition-all"
class="album-chip inline-block h-min whitespace-nowrap ps-3 pe-1 group-hover:ps-3 py-1 text-center align-baseline leading-none text-gray-100 dark:text-immich-dark-gray bg-immich-primary dark:bg-immich-dark-primary roudned-s-full hover:bg-immich-primary/80 dark:hover:bg-immich-dark-primary/80 transition-all"
>
<p class="text-sm">
<p class="text-sm album-chip">
{album.albumName}
</p>
</span>
@@ -89,3 +89,15 @@
</section>
</div>
{/if}
<style>
.album-chip-container {
max-width: 100%;
}
.album-chip {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
</style>