sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video details display with expanded description

Browse Source 
Update video card component to show full description when expanded, and clamp to one line when collapsed.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
This commit is contained in:
sebastjanartic 2025-09-02 15:58:17 +00:00
parent 8c6ca390b0
commit b566229972
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/components/video-card.tsx
View File

@ -314,19 +314,17 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
{showMoreInfo ? 'Weniger anzeigen' : 'Mehr anzeigen'}
</button>
{/* Expandable info */}
{showMoreInfo && (
<div className="mt-2 text-white/70 text-sm space-y-1">
<p className="line-clamp-3">
{video.title.split(' - ')[1] || video.title}
{/* Full text when expanded */}
<div className="mt-2 text-white/70 text-sm">
<p className={showMoreInfo ? "" : "line-clamp-1"}>
{video.title.split(' - ')[1] || video.title}
</p>
{showMoreInfo && video.description && (
<p className="mt-1 text-xs text-white/60">
{video.description}
</p>
{video.description && (
<p className="line-clamp-2 text-xs text-white/60">
{video.description}
</p>
)}
</div>
)}
)}
</div>
</div>
)}