Skip to content
Snippets Groups Projects
Unverified Commit 9e8995dc authored by Yassine Doghri's avatar Yassine Doghri
Browse files

fix(persons): prevent overflow of persons list by adding horizontal scroll 

add js tootip to show persons info
parent 388fb42b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/Views/podcast/_partials/header.php
+ 6
− 2
View file @ 9e8995dc
...@@ -54,16 +54,18 @@ ...@@ -54,16 +54,18 @@
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
<?php if (!empty($persons)): ?> <?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 foreach ($persons as $person): ?>
<?php if ($person['information_url']): ?> <?php if ($person['information_url']): ?>
<a href="<?= $person[ <a href="<?= $person[
'information_url' 'information_url'
] ?>" target="_blank" rel="noreferrer noopener"> ] ?>" target="_blank" rel="noreferrer noopener" class="flex-shrink-0">
<img <img
src="<?= $person['thumbnail_url'] ?>" src="<?= $person['thumbnail_url'] ?>"
alt="<?= $person['full_name'] ?>" alt="<?= $person['full_name'] ?>"
class="object-cover w-12 h-12 rounded-full" class="object-cover w-12 h-12 rounded-full"
data-toggle="tooltip"
data-placement="bottom"
title="[<?= $person['full_name'] ?>] <?= $person[ title="[<?= $person['full_name'] ?>] <?= $person[
'roles' 'roles'
] ?>" /> ] ?>" />
...@@ -73,6 +75,8 @@ ...@@ -73,6 +75,8 @@
src="<?= $person['thumbnail_url'] ?>" src="<?= $person['thumbnail_url'] ?>"
alt="<?= $person['full_name'] ?>" alt="<?= $person['full_name'] ?>"
class="object-cover w-12 h-12 rounded-full" class="object-cover w-12 h-12 rounded-full"
data-toggle="tooltip"
data-placement="bottom"
title="[<?= $person['full_name'] ?>] <?= $person[ title="[<?= $person['full_name'] ?>] <?= $person[
'roles' 'roles'
] ?>" /> ] ?>" />
......
app/Views/podcast/episode.php
+ 10
− 8
View file @ 9e8995dc
...@@ -120,27 +120,29 @@ ...@@ -120,27 +120,29 @@
) ?> ) ?>
<?php endif; ?> <?php endif; ?>
<?php if ($episodePersons): ?> <?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 foreach ($episodePersons as $person): ?>
<?php if ($person['information_url']): ?> <?php if ($person['information_url']): ?>
<a href="<?= $person[ <a href="<?= $person[
'information_url' 'information_url'
] ?>" target="_blank" rel="noreferrer noopener"> ] ?>" target="_blank" rel="noreferrer noopener" class="flex-shrink-0">
<img src="<?= $person[ <img src="<?= $person[
'thumbnail_url' 'thumbnail_url'
] ?>" alt="<?= $person[ ] ?>" alt="<?= $person[
'full_name' '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"
'full_name' data-placement="bottom" title="[<?= $person['full_name'] ?>] <?= $person[
] ?>] <?= $person['roles'] ?>" /></a> 'roles'
] ?>" /></a>
<?php else: ?> <?php else: ?>
<img src="<?= $person[ <img src="<?= $person[
'thumbnail_url' 'thumbnail_url'
] ?>" alt="<?= $person[ ] ?>" alt="<?= $person[
'full_name' '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"
'full_name' data-placement="bottom" title="[<?= $person['full_name'] ?>] <?= $person[
] ?>] <?= $person['roles'] ?>" /> 'roles'
] ?>" />
<?php endif; ?> <?php endif; ?>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
......
app/Views/podcast/episode_authenticated.php
+ 4
− 4
View file @ 9e8995dc
...@@ -120,17 +120,17 @@ ...@@ -120,17 +120,17 @@
) ?> ) ?>
<?php endif; ?> <?php endif; ?>
<?php if ($episodePersons): ?> <?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 foreach ($episodePersons as $person): ?>
<?php if ($person['information_url']): ?> <?php if ($person['information_url']): ?>
<a href="<?= $person[ <a href="<?= $person[
'information_url' 'information_url'
] ?>" target="_blank" rel="noreferrer noopener"> ] ?>" target="_blank" rel="noreferrer noopener" class="flex-shrink-0">
<img src="<?= $person[ <img src="<?= $person[
'thumbnail_url' 'thumbnail_url'
] ?>" alt="<?= $person[ ] ?>" alt="<?= $person[
'full_name' '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' 'full_name'
] ?>] <?= $person['roles'] ?>" /></a> ] ?>] <?= $person['roles'] ?>" /></a>
<?php else: ?> <?php else: ?>
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
'thumbnail_url' 'thumbnail_url'
] ?>" alt="<?= $person[ ] ?>" alt="<?= $person[
'full_name' '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' 'full_name'
] ?>] <?= $person['roles'] ?>" /> ] ?>] <?= $person['roles'] ?>" />
<?php endif; ?> <?php endif; ?>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment