oreolek/phanpy
1
0
Fork 0
Code Activity

Adjustments to media post

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-30 16:45:19 +08:00
parent 85f966bfc9
commit 5fae5d8cf5
1 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/media-post.css
View file

@ -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);
}
}