From d92ab6b202550ddf7359f2228c2ef4c527dbd3cb Mon Sep 17 00:00:00 2001 From: grandeljay Date: Sat, 10 Dec 2022 17:38:55 +0100 Subject: [PATCH] Hide meta until hover --- src/assets/css/wish-card.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/assets/css/wish-card.css b/src/assets/css/wish-card.css index ccfd85f3..17b99859 100644 --- a/src/assets/css/wish-card.css +++ b/src/assets/css/wish-card.css @@ -247,6 +247,21 @@ display: flex; justify-content: space-between; } +@media (hover: hover) { + @media (prefers-reduced-motion: no-preference) { + .wishlist .ui.card .meta { + transition: 0.2s ease opacity; + } + } + + .wishlist .ui.card .meta { + opacity: 0; + } + + .wishlist .ui.card:hover .meta { + opacity: 1; + } +} .wishlist .ui.card .meta .favicon { height: 1em;