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): add checkerboard background for transparent images (#26091)

Browse source 
Co-authored-by: steven94kr <rlgns98kr@gmail.com>
Co-authored-by: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>
This commit is contained in:
agent-steven 2026-02-14 02:18:44 +09:00 committed by GitHub
parent 7cb355279e
commit bc7a1c838c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/lib/components/asset-viewer/photo-viewer.svelte
View file

@ -226,7 +226,7 @@
alt={$getAltText(toTimelineAsset(asset))} alt={$getAltText(toTimelineAsset(asset))}
class="h-full w-full {$slideshowState === SlideshowState.None class="h-full w-full {$slideshowState === SlideshowState.None
? 'object-contain' ? 'object-contain'
: slideshowLookCssMapping[$slideshowLook]}" : slideshowLookCssMapping[$slideshowLook]} checkerboard"
draggable="false" draggable="false"
/> />
<!-- eslint-disable-next-line svelte/require-each-key --> <!-- eslint-disable-next-line svelte/require-each-key -->
@ -259,4 +259,8 @@
visibility: hidden; visibility: hidden;
animation: 0s linear 0.4s forwards delayedVisibility; animation: 0s linear 0.4s forwards delayedVisibility;
} }
.checkerboard {
background-image: conic-gradient(#808080 25%, #b0b0b0 25% 50%, #808080 50% 75%, #b0b0b0 75%);
background-size: 20px 20px;
}
</style> </style>