From a1401e0b69ac5d303db92c9e04c7eefdf2e0ece8 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 9 Jan 2023 23:44:02 +0800
Subject: [PATCH] Active style when click on media

---
 src/app.css               | 2 +-
 src/components/status.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index 6f5f4943..4a11bd1d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -364,7 +364,7 @@ a.mention span {
   background-color: var(--link-bg-hover-color);
   outline-offset: -2px;
 }
-.status-link:active {
+.status-link:active:not(:has(.media:active)) {
   filter: brightness(0.95);
 }
 
diff --git a/src/components/status.css b/src/components/status.css
index ec05dd52..81f0d3c4 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -361,6 +361,9 @@
 .status .media:is(:hover, :focus) {
   border-color: var(--outline-hover-color);
 }
+.status .media:active {
+  filter: brightness(0.8);
+}
 .status .media :is(img, video) {
   width: 100%;
   height: 100%;