diff --git a/app/Views/podcast/_partials/header.php b/app/Views/podcast/_partials/header.php index 9e706df1b61139571e9a0173e496d7e2bfdf8f83..1002dea9f9fa48629f158fe3b4e213cf333ed8ff 100644 --- a/app/Views/podcast/_partials/header.php +++ b/app/Views/podcast/_partials/header.php @@ -54,16 +54,18 @@ <?php endforeach; ?> </div> <?php if (!empty($persons)): ?> - <div class="flex mb-6 space-x-2"> + <div class="flex w-full mb-6 space-x-2 overflow-y-auto"> <?php foreach ($persons as $person): ?> <?php if ($person['information_url']): ?> <a href="<?= $person[ 'information_url' - ] ?>" target="_blank" rel="noreferrer noopener"> + ] ?>" target="_blank" rel="noreferrer noopener" class="flex-shrink-0"> <img src="<?= $person['thumbnail_url'] ?>" alt="<?= $person['full_name'] ?>" class="object-cover w-12 h-12 rounded-full" + data-toggle="tooltip" + data-placement="bottom" title="[<?= $person['full_name'] ?>] <?= $person[ 'roles' ] ?>" /> @@ -73,6 +75,8 @@ src="<?= $person['thumbnail_url'] ?>" alt="<?= $person['full_name'] ?>" class="object-cover w-12 h-12 rounded-full" + data-toggle="tooltip" + data-placement="bottom" title="[<?= $person['full_name'] ?>] <?= $person[ 'roles' ] ?>" /> diff --git a/app/Views/podcast/episode.php b/app/Views/podcast/episode.php index 33dbffa45015b4e9d880bacc84cc93efebfe9306..464e24415f2d8f358e4f62efbf8d4fc5f04e29cc 100644 --- a/app/Views/podcast/episode.php +++ b/app/Views/podcast/episode.php @@ -120,27 +120,29 @@ ) ?> <?php endif; ?> <?php if ($episodePersons): ?> - <div class="flex space-x-2"> + <div class="flex w-full space-x-2 overflow-y-auto"> <?php foreach ($episodePersons as $person): ?> <?php if ($person['information_url']): ?> <a href="<?= $person[ 'information_url' - ] ?>" target="_blank" rel="noreferrer noopener"> + ] ?>" target="_blank" rel="noreferrer noopener" class="flex-shrink-0"> <img src="<?= $person[ 'thumbnail_url' ] ?>" alt="<?= $person[ 'full_name' -] ?>" class="object-cover w-12 h-12 rounded-full" title="[<?= $person[ - 'full_name' -] ?>] <?= $person['roles'] ?>" /></a> +] ?>" class="object-cover w-12 h-12 rounded-full" data-toggle="tooltip" +data-placement="bottom" title="[<?= $person['full_name'] ?>] <?= $person[ + 'roles' +] ?>" /></a> <?php else: ?> <img src="<?= $person[ 'thumbnail_url' ] ?>" alt="<?= $person[ 'full_name' -] ?>" class="object-cover w-12 h-12 rounded-full" title="[<?= $person[ - 'full_name' -] ?>] <?= $person['roles'] ?>" /> +] ?>" class="object-cover w-12 h-12 rounded-full" data-toggle="tooltip" +data-placement="bottom" title="[<?= $person['full_name'] ?>] <?= $person[ + 'roles' +] ?>" /> <?php endif; ?> <?php endforeach; ?> </div> diff --git a/app/Views/podcast/episode_authenticated.php b/app/Views/podcast/episode_authenticated.php index 8d253e1e0f72841d1b37a69b8a44499cbbc089b2..b8c4b90398a04c157b717074dd148d4b5b1a3f28 100644 --- a/app/Views/podcast/episode_authenticated.php +++ b/app/Views/podcast/episode_authenticated.php @@ -120,17 +120,17 @@ ) ?> <?php endif; ?> <?php if ($episodePersons): ?> - <div class="flex space-x-2"> + <div class="flex w-full space-x-2 overflow-y-auto"> <?php foreach ($episodePersons as $person): ?> <?php if ($person['information_url']): ?> <a href="<?= $person[ 'information_url' - ] ?>" target="_blank" rel="noreferrer noopener"> + ] ?>" target="_blank" rel="noreferrer noopener" class="flex-shrink-0"> <img src="<?= $person[ 'thumbnail_url' ] ?>" alt="<?= $person[ 'full_name' -] ?>" class="object-cover w-12 h-12 rounded-full" title="[<?= $person[ +] ?>" class="object-cover w-12 h-12 rounded-full" data-toggle="tooltip" data-placement="bottom" title="[<?= $person[ 'full_name' ] ?>] <?= $person['roles'] ?>" /></a> <?php else: ?> @@ -138,7 +138,7 @@ 'thumbnail_url' ] ?>" alt="<?= $person[ 'full_name' -] ?>" class="object-cover w-12 h-12 rounded-full" title="[<?= $person[ +] ?>" class="object-cover w-12 h-12 rounded-full" data-toggle="tooltip" data-placement="bottom" title="[<?= $person[ 'full_name' ] ?>] <?= $person['roles'] ?>" /> <?php endif; ?>