amélioration du CSS sur les boutons d'ajouts
This commit is contained in:
parent
342aa52c64
commit
0a13363d27
codeigniter
@ -3,14 +3,14 @@
|
||||
<?php foreach ($musics as $music): ?>
|
||||
<div>
|
||||
<article>
|
||||
<ul>
|
||||
<ul class="musics-album">
|
||||
<li><?= $music->songName ?></li>
|
||||
<li>Durée: <?= $music->trackDuration ?> secondes</li>
|
||||
<form action="<?= site_url('playlist/choose_playlist/' . $music->songId) ?>" method="get">
|
||||
<button type="submit">Ajouter à la Playlist</button>
|
||||
</form>
|
||||
</ul>
|
||||
<form action="<?= site_url('playlist/choose_playlist/' . $music->songId) ?>" method="get">
|
||||
<button class='ajout-album-list'type="submit">Ajouter à la Playlist</button>
|
||||
</form>
|
||||
</article>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</section>
|
||||
</section>
|
||||
|
@ -39,7 +39,7 @@ foreach($albums as $album){
|
||||
echo "<div><article>";
|
||||
echo "<header class='short-text'>";
|
||||
echo anchor("music/view/{$album->id}", "{$album->name}");
|
||||
echo "<button class='ajout' onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album->id}") . "'\">Ajouter</button>";
|
||||
echo "<button class='ajout-albums' onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album->id}") . "'\">Ajouter</button>";
|
||||
echo "</header>";
|
||||
echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" />';
|
||||
echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer>
|
||||
|
@ -53,7 +53,7 @@ foreach ($artistAlbums as $artistName => $albums) {
|
||||
echo "<ul>";
|
||||
foreach ($albums as $album) {
|
||||
echo "<li>" . anchor("music/view/{$album['albumId']}", $album['albumName']) . " - " . $album['year'] . "</li>";
|
||||
echo "<button onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album['albumId']}") . "'\">Ajouter toutes les chansons à la Playlist</button>";
|
||||
echo "<button class='ajout-artistes' onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album['albumId']}") . "'\">Ajouter</button>";
|
||||
}
|
||||
echo "</ul>";
|
||||
echo "</article></div>";
|
||||
|
@ -17,7 +17,7 @@ section.list img {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
display: grid;
|
||||
grid-template-columns: 200px 5px auto;
|
||||
grid-template-columns: 200px auto;
|
||||
grid-template-rows: auto auto;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@ -240,8 +240,27 @@ section.playlists {
|
||||
|
||||
/* bouton ajouter sur les albums et musique */
|
||||
|
||||
.ajout {
|
||||
.ajout-albums {
|
||||
padding: 0;
|
||||
grid-column: 3/4;
|
||||
margin-top: 5px;
|
||||
grid-column: 2/3;
|
||||
grid-row: 2/3;
|
||||
}
|
||||
|
||||
.ajout-artistes {
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
grid-column: 2/3;
|
||||
grid-row: 2/3;
|
||||
}
|
||||
|
||||
.ajout-album-list {
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
grid-column: 2/3;
|
||||
grid-row: 2/3;
|
||||
}
|
||||
|
||||
.musics-album {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user