From 5fae5d8cf53716971b6c358b82eff76b1ba2d57a Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 30 Oct 2023 16:45:19 +0800
Subject: [PATCH] Adjustments to media post

---
 src/components/media-post.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/media-post.css b/src/components/media-post.css
index b7d32854..750e0e1b 100644
--- a/src/components/media-post.css
+++ b/src/components/media-post.css
@@ -24,6 +24,18 @@
     border-radius: calc(var(--item-radius) / 2);
     font-size: 90%;
     border: var(--hairline-width) dashed var(--bg-color);
+    word-break: break-word;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    opacity: 0.8;
+    mix-blend-mode: luminosity;
+    -webkit-line-clamp: 3;
+    line-clamp: 3;
+    -webkit-box-orient: vertical;
+    box-orient: vertical;
+    display: -webkit-box;
+    display: box;
+    overflow: hidden;
 
     > * {
       pointer-events: none;
@@ -78,9 +90,9 @@
       vertical-align: top;
     }
 
-    &:is(:hover, :focus) img {
+    :not(.filtered, .has-spoiler) &:is(:hover, :focus) img {
       /* Less delay here to make it feel more responsive */
-      animation: position-object 5s ease-in-out 0.3s 5;
+      animation: position-object 5s ease-in-out 0.1s 5;
       animation-duration: var(--anim-duration, 5s);
     }
   }