Compare commits

...

3 commits

Author SHA1 Message Date
36b33124bc Amélioration de la visibilité des éléments d'une liste 2022-04-09 00:36:37 +02:00
0d90e0da20 issue/1 (#31)
Co-authored-by: dbroqua <contact@darkou.fr>
Reviewed-on: #31
2022-04-09 00:36:37 +02:00
62a3bcd8ee Co-authored-by: dbroqua <contact@darkou.fr>
Reviewed-on: #25
Co-authored-by: Damien Broqua <dbroqua@noreply.localhost>
Co-committed-by: Damien Broqua <dbroqua@noreply.localhost>
2022-04-09 00:36:37 +02:00
4 changed files with 10 additions and 4 deletions

View file

@ -105,7 +105,7 @@ function switchTheme(e) {
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
if ($navbarBurgers.length > 0) { if ($navbarBurgers.length > 0) {
$navbarBurgers.forEach( el => { $navbarBurgers.forEach( el => {
el.addEventListener('click', () => { el.addEventListener('click', () => {
const target = el.dataset.target; const target = el.dataset.target;
const $target = document.getElementById(target); const $target = document.getElementById(target);

View file

@ -46,4 +46,4 @@
@import './ajouter-un-album'; @import './ajouter-un-album';
@import './collection'; @import './collection';
@import './ma-collection-details'; @import './ma-collection-details';
@import './composants'; @import './composants';

View file

@ -23,6 +23,12 @@
background-color: var(--default-color); background-color: var(--default-color);
} }
&:nth-child(4n),
&:nth-child(4n-1)
{
background-color: var(--default-color);
}
&:first-child, &:first-child,
&:nth-child(2) { &:nth-child(2) {
border-top: 2px solid var(--border-color); border-top: 2px solid var(--border-color);

View file

@ -170,7 +170,7 @@
} }
}, },
created() { created() {
this.setTrackList(); this.setTrackList();
this.setIdentifiers(); this.setIdentifiers();
window.addEventListener("keydown", this.changeImage); window.addEventListener("keydown", this.changeImage);
@ -231,7 +231,7 @@
}, },
showGallery(event) { showGallery(event) {
const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target; const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target;
const { const {
index, index,
} = item.dataset; } = item.dataset;