fix(admin): remove episode title truncation + display description in two lines in episode list

fixes #386
This commit is contained in:
Yassine Doghri 2023-11-15 14:24:08 +00:00
parent 02132dc466
commit f4ffa30ec4
1 changed files with 4 additions and 4 deletions

View File

@ -47,8 +47,8 @@ data_table(
$premiumBadge = '<Icon glyph="exchange-dollar" class="absolute left-0 w-8 pl-2 text-2xl rounded-r-full rounded-tl-lg top-2 text-accent-contrast bg-accent-base" />'; $premiumBadge = '<Icon glyph="exchange-dollar" class="absolute left-0 w-8 pl-2 text-2xl rounded-r-full rounded-tl-lg top-2 text-accent-contrast bg-accent-base" />';
} }
return '<div class="flex">' . return '<div class="flex gap-x-2">' .
'<div class="relative flex-shrink-0 mr-2">' . '<div class="relative flex-shrink-0">' .
'<time class="absolute px-1 text-xs font-semibold text-white rounded bottom-2 right-2 bg-black/50" datetime="PT' . round($episode->audio->duration, 3) . 'S">' . '<time class="absolute px-1 text-xs font-semibold text-white rounded bottom-2 right-2 bg-black/50" datetime="PT' . round($episode->audio->duration, 3) . 'S">' .
format_duration( format_duration(
(int) $episode->audio->duration, (int) $episode->audio->duration,
@ -62,7 +62,7 @@ data_table(
$podcast->id, $podcast->id,
$episode->id, $episode->id,
) . '">' . ) . '">' .
'<h2 class="inline-flex items-baseline w-full font-semibold leading-none gap-x-1 group">' . '<h2 class="inline-flex items-baseline w-full font-semibold gap-x-1 group">' .
episode_numbering( episode_numbering(
$episode->number, $episode->number,
$episode->season_number, $episode->season_number,
@ -71,7 +71,7 @@ data_table(
) . ) .
'<span class="mr-1 truncate group-hover:underline">' . esc($episode->title) . '</span>' . '<span class="mr-1 truncate group-hover:underline">' . esc($episode->title) . '</span>' .
'</h2>' . '</h2>' .
'<p class="max-w-sm text-xs text-skin-muted line-clamp-2">' . $episode->description . '</p>' . '<p class="text-xs whitespace-pre-wrap w-80 text-skin-muted line-clamp-2">' . $episode->description . '</p>' .
'</a>' . '</a>' .
'</div>'; '</div>';
}, },