diff --git a/app/Resources/styles/seeMore.css b/app/Resources/styles/seeMore.css
index d535afb847e069db9556403a7c0a45ebc8d905a5..4166b147eb9724daef57347a57162a9c1d8a75f6 100644
--- a/app/Resources/styles/seeMore.css
+++ b/app/Resources/styles/seeMore.css
@@ -5,14 +5,14 @@
.see-more__content {
@apply relative overflow-hidden;
- height: 5rem;
+ height: var(--content-height);
}
.see-more_content-fade {
@apply absolute bottom-0 left-0 w-full h-full pointer-events-none;
background-image: linear-gradient(
to bottom,
- transparent,
+ transparent 70%,
hsl(var(--color-background-header))
);
}
diff --git a/app/Views/Components/SeeMore.php b/app/Views/Components/SeeMore.php
index 22481be711895c391a2c65062bb2ab9855603de9..19f247f273fc1b8a886cd457a42e09d13181af92 100644
--- a/app/Views/Components/SeeMore.php
+++ b/app/Views/Components/SeeMore.php
@@ -13,7 +13,7 @@ class SeeMore extends Component
$seeMoreLabel = lang('Common.see_more');
$seeLessLabel = lang('Common.see_less');
return <<<HTML
- <div class="see-more" style="--line-clamp: 3">
+ <div class="see-more" style="--content-height: 10rem">
<input id="see-more-checkbox" type="checkbox" class="see-more__checkbox" aria-hidden="true">
<div class="mb-2 see-more__content {$this->class}"><div class="see-more_content-fade"></div>{$this->slot}</div>
<label for="see-more-checkbox" class="see-more__label" data-see-more="{$seeMoreLabel}" data-see-less="{$seeLessLabel}" aria-hidden="true"></label>
diff --git a/themes/cp_app/episode/_layout.php b/themes/cp_app/episode/_layout.php
index 19149506675cbc02a2ebde8c89c78da720f55bb7..ddbfd16e56d9f1aef24b918c1c956333a22efe4a 100644
--- a/themes/cp_app/episode/_layout.php
+++ b/themes/cp_app/episode/_layout.php
@@ -132,7 +132,7 @@
</header>
<div class="col-start-2 px-8 py-4 text-white bg-header">
<h2 class="text-xs font-bold tracking-wider uppercase whitespace-pre-line font-display"><?= lang('Episode.description') ?></h2>
- <?php if (substr_count($episode->description_markdown, "\n") > 3 || strlen($episode->description) > 250): ?>
+ <?php if (substr_count($episode->description_markdown, "\n") > 6 || strlen($episode->description) > 500): ?>
<SeeMore class="max-w-xl prose-sm text-white"><?= $episode->getDescriptionHtml('-+Website+-') ?></SeeMore>
<?php else: ?>
<div class="max-w-xl prose-sm text-white"><?= $episode->getDescriptionHtml('-+Website+-') ?></div>