From 701b9e99b33361b64d0ea08b252a3732ad456f54 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 15 Apr 2024 17:07:34 +0800
Subject: [PATCH] More media-first styling changes

---
 src/components/status.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/status.css b/src/components/status.css
index 4398c90..cac20f6 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1375,11 +1375,13 @@ body:has(#modal-container .carousel) .status .media img:hover {
     /* border: var(--hairline-width) solid var(--outline-color);
     border-inline-width: 0;
     background-color: var(--bg-faded-color); */
+    box-shadow: 0 0 0 var(--hairline-width) var(--outline-color);
 
     @media (min-width: 40em) {
       margin-inline: 0;
       /* border-radius: 4px; */
       border-inline-width: var(--hairline-width);
+      box-shadow: none;
     }
 
     &::-webkit-scrollbar {
@@ -1397,7 +1399,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
 
       &:not(:only-child) {
         background-color: var(--bg-blur-color);
-        box-shadow: inset 0 0 0 var(--hairline-width) var(--outline-color);
+        /* box-shadow: inset 0 0 0 var(--hairline-width) var(--outline-color); */
       }
 
       .media {
@@ -1414,6 +1416,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
 
         &:active {
           transform: none;
+          filter: none;
         }
 
         img,