mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-14 12:18:30 +03:00
Code Issues Projects Releases Packages Wiki Activity

Allow show more figcaption

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-28 19:46:44 +08:00
parent c1da6b8767
commit 01c90150a8
2 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/media.jsx
View file

@ -48,6 +48,8 @@ const AltBadge = (props) => {
);
};
const MEDIA_CAPTION_LIMIT = 140;
function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
const {
blurhash,
@ -371,11 +373,17 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
</Parent>
{showInlineDesc && (
<figcaption
class={`media-caption media-caption-${
description.length <= MEDIA_CAPTION_LIMIT ? 'short' : 'long'
}`}
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
states.showMediaAlt = description;
}}
title={
description.length > MEDIA_CAPTION_LIMIT ? description : undefined
}
>
{description}
</figcaption>

19
src/components/status.css
View file

@ -714,16 +714,19 @@
padding: 0 4px;
font-size: 90%;
color: var(--text-insignificant-color);
overflow: hidden;
white-space: normal;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
line-height: 1.2;
cursor: pointer;
&.media-caption-long {
overflow: hidden;
white-space: normal;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
}
}
}