Skip to content

Commit

Permalink
Fix card touch hover
Browse files Browse the repository at this point in the history
  • Loading branch information
sashachabin committed Dec 10, 2023
1 parent 9ac2641 commit 5a47e99
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions client/components/MainPage/Card/Card.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,19 @@
overflow: hidden;
}

@media (hover: hover) {
.Card:hover {
background-image: var(--CardBgImageHover, var(--CardBgImage));
}
.Card:hover {
background-image: var(--CardBgImageHover, var(--CardBgImage));
}

/* Preload hover images */
.Card:before {
content: '';
background-image: var(--CardBgImageHover);
}

/* Preload hover images */
.Card:before {
content: '';
background-image: var(--CardBgImageHover);
@media (hover: hover) {
.Card:active {
filter: brightness(0.95);
}
}

Expand Down Expand Up @@ -93,10 +97,6 @@
color: white;
}

.Card:active {
filter: brightness(0.95);
}

.CardTitle {
position: relative;
font-size: 16px;
Expand Down

1 comment on commit 5a47e99

@ekbdev
Copy link

@ekbdev ekbdev commented on 5a47e99 Dec 10, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Deploy preview for transport ready!

✅ Preview
https://transport-cpgz1v0ob-ekbdev.vercel.app
https://ekbdev-transport-fix-card-touch-hover.vercel.app

Built with commit 5a47e99.
This pull request is being automatically deployed with vercel-action

Please sign in to comment.