flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move About photos grid disabled class

Browse Source
This commit is contained in:
Félix Péault
2022-09-11 14:17:16 +02:00
parent c16976244a
commit 372d1b53e9
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/atoms/AboutGridPhoto.svelte
View File

@@ -10,6 +10,7 @@
$: classes = [ $: classes = [
hovering ? 'is-hovered' : undefined, hovering ? 'is-hovered' : undefined,
disabled ? 'is-disabled' : undefined,
$$props.class $$props.class
].join(' ').trim() ].join(' ').trim()
@@ -29,7 +30,6 @@
on:mouseleave={handleMouseLeave} on:mouseleave={handleMouseLeave}
> >
<Image <Image
class={disabled ? 'is-disabled' : null}
{id} {id}
sizeKey="photo-list" sizeKey="photo-list"
sizes={{ sizes={{

4
src/style/pages/_about.scss
View File

@@ -517,13 +517,13 @@
$opacity-off: 0.2; $opacity-off: 0.2;
// States // States
:global(.is-disabled) { :global(.is-disabled picture) {
opacity: $opacity-off; opacity: $opacity-off;
} }
:global(.is-hovered picture) { :global(.is-hovered picture) {
opacity: 1; opacity: 1;
} }
:global(.is-hovered picture:not(.is-disabled)) { :global(.is-hovered:not(.is-disabled) picture) {
opacity: $opacity-off; opacity: $opacity-off;
} }