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

Add hover on ButtonCircle only when having a clone

Browse Source
This commit is contained in:
Félix Péault
2021-11-28 23:08:54 +01:00
parent 89234e6e52
commit 8958362d07
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/atoms/ButtonCircle.svelte
View File

@@ -12,6 +12,7 @@
const classes = [ const classes = [
className, className,
...[color, size].map(variant => variant && `${className}--${variant}`), ...[color, size].map(variant => variant && `${className}--${variant}`),
clone ? 'has-clone' : null,
$$props.class $$props.class
].join(' ').trim() ].join(' ').trim()
</script> </script>

3
src/style/atoms/_button-circle.scss
View File

@@ -40,7 +40,7 @@
** States ** States
*/ */
// Hover // Hover
&:not([disabled]):hover { &.has-clone:not([disabled]):hover {
& > * { & > * {
&:first-child { &:first-child {
opacity: 0; opacity: 0;
@@ -51,6 +51,7 @@
transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
} }
} }
} }
// Disabled // Disabled