pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add pointer-events to grid card components

Browse source 
- Prevent delay on hover event
This commit is contained in:
jeffvli 2023-03-09 13:23:36 -08:00
parent 27cbc23d87
commit e8dcba0456
2 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/renderer/components/virtual-grid/grid-card/default-card.tsx
View file

@ -32,6 +32,7 @@ const DefaultCardContainer = styled.div<{ $isHidden?: boolean }>`
background: var(--card-default-bg); background: var(--card-default-bg);
border-radius: var(--card-default-radius); border-radius: var(--card-default-radius);
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)}; opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
pointer-events: auto;
&:hover { &:hover {
background: var(--card-default-bg-hover); background: var(--card-default-bg-hover);

1
src/renderer/components/virtual-grid/grid-card/poster-card.tsx
View file

@ -30,6 +30,7 @@ const PosterCardContainer = styled.div<{ $isHidden?: boolean }>`
padding: 1rem; padding: 1rem;
overflow: hidden; overflow: hidden;
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)}; opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
pointer-events: auto;
.card-controls { .card-controls {
opacity: 0; opacity: 0;