diff --git a/src/components/status.css b/src/components/status.css index 4398c907..cac20f6b 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,