mirror of
https://code.castopod.org/adaures/castopod.git
synced 2024-09-09 04:09:24 +02:00
- double the height of the episode description on episode pages - reduce overlay fading by 70% to make it more subtle closes #171
24 lines
803 B
PHP
24 lines
803 B
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
namespace App\Views\Components;
|
|
|
|
use ViewComponents\Component;
|
|
|
|
class SeeMore extends Component
|
|
{
|
|
public function render(): string
|
|
{
|
|
$seeMoreLabel = lang('Common.see_more');
|
|
$seeLessLabel = lang('Common.see_less');
|
|
return <<<HTML
|
|
<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>
|
|
</div>
|
|
HTML;
|
|
}
|
|
}
|