denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ImageRow now deprioritises unhovered cards only when container is hovered

Browse Source
This commit is contained in:
denizk0461
2026-04-26 12:15:28 +02:00
parent 1348be3ee9
commit 331b8dd95b
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/media/image-row.svelte
View File

@@ -32,11 +32,11 @@
height: 100%; height: 100%;
display: block; display: block;
object-fit: cover; object-fit: cover;
filter: brightness(60%) saturate(80%); filter: brightness(100%) saturate(80%);
max-height: 320px; max-height: 320px;
transition: filter var(--duration-animation) var(--anim-curve), transition: filter var(--duration-animation) var(--anim-curve),
scale var(--duration-animation) var(--anim-curve); scale var(--duration-animation) var(--anim-curve);
scale: 1.04; scale: 1.06;
} }
.image-gallery-link { .image-gallery-link {
@@ -48,6 +48,10 @@
margin: 0; margin: 0;
} }
.image-gallery:hover .image-gallery-img {
filter: brightness(60%) saturate(80%);
}
.image-gallery-link:hover .image-gallery-img { .image-gallery-link:hover .image-gallery-img {
filter: brightness(100%) saturate(100%); filter: brightness(100%) saturate(100%);
scale: 1.0; scale: 1.0;