From 12f167053819292642705b31604627f881d879d6 Mon Sep 17 00:00:00 2001
From: Sj-Si <sjw.jetty@gmail.com>
Date: Fri, 31 May 2024 12:32:11 -0400
Subject: [PATCH] Add visual feedback when long pressing card.

---
 style.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/style.css b/style.css
index 2d94a2d6c..811bb85d0 100644
--- a/style.css
+++ b/style.css
@@ -1011,10 +1011,30 @@ footer {
     background-image: url('./file=html/card-no-preview.png')
 }
 
+.card::after {
+    position: absolute;
+    content: "";
+    top: 0;
+    left: 0;
+    width: 0;
+    height: 100%;
+    opacity: 0;
+    background: var(--color-accent-soft);
+    transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
+    z-index: 1;
+}
+
+.card.pressed::after {
+    width: 100%;
+    opacity: 0.25;
+    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
 .extra-network-pane .card:hover{
     box-shadow: 0 0 2px 0.3em rgba(0, 128, 255, 0.35);
 }
 
+
 .extra-network-pane .card .actions .additional{
     display: none;
 }