📜 Test de la barre de défilement

Cette page teste la barre de défilement du conteneur de la liste des projets dans frmProjectList.html.

🔍 Fonctionnalités testées :

🔗 Accès au formulaire

Ouvrir frmProjectList.html

🧪 Tests de génération de projets

Utilisez ces boutons pour générer des projets de test et vérifier la barre de défilement :

đź“‹ Instructions de test

Étapes pour tester la barre de défilement :

  1. Ouvrir le formulaire : Cliquez sur le lien "Ouvrir frmProjectList.html"
  2. Générer des projets : Utilisez les boutons ci-dessus pour générer des projets de test
  3. Vérifier la barre de défilement :
    • La liste des projets doit s'agrandir
    • Une barre de dĂ©filement doit apparaĂ®tre quand il y a beaucoup de projets
    • La barre de dĂ©filement doit avoir un style personnalisĂ© (bleu)
  4. Test responsive : Redimensionnez la fenĂŞtre pour tester sur mobile

🎨 Styles appliqués

CSS pour la barre de défilement :

.card-collapsible-content {
    max-height: 70vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--border);
}

/* Styles WebKit (Chrome, Safari) */
.card-collapsible-content::-webkit-scrollbar {
    width: 8px;
}

.card-collapsible-content::-webkit-scrollbar-track {
    background: var(--border);
    border-radius: 4px;
}

.card-collapsible-content::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}

.card-collapsible-content::-webkit-scrollbar-thumb:hover {
    background: var(--primary-hover);
}

/* Mobile */
@media (max-width: 768px) {
    .card-collapsible-content {
        max-height: 60vh;
    }
}