1
0

Amélioration visuelle des checkboxes avec design personnalisé moderne

## Nouvelles fonctionnalités visuelles

### Checkboxes personnalisées élégantes
- Création d'un fichier CSS dédié avec design moderne
- Dégradé bleu et coins arrondis pour un look contemporain
- Animations fluides sur hover, focus et sélection
- Coche vectorielle animée avec transition élégante

### Expérience utilisateur améliorée
- Effet hover avec scale et glow subtil
- État indéterminé avec barre orange pour sélection partielle
- Mise en surbrillance des lignes sélectionnées
- Support optimisé pour les écrans tactiles

### Intégration complète
- Remplacement des classes Tailwind par classes personnalisées
- Mise à jour cohérente côté serveur et client
- Inclusion du CSS dans le template HTML
- Maintien de toutes les fonctionnalités existantes

## Améliorations techniques
- CSS moderne avec animations CSS3
- Performance optimisée avec transitions fluides
- Design responsive et accessible
- Code CSS modulaire et maintenable
This commit is contained in:
unfr
2025-09-27 16:36:18 +02:00
parent 8d55c06c2b
commit b085828350
4 changed files with 145 additions and 3 deletions

View File

@@ -5,6 +5,7 @@
<title>{{TITLE}}</title>
<meta name="csrf-token" content="{{CSRF_TOKEN}}">
<link rel="icon" href="/autopost/favicon.ico" type="image/svg+xml">
<link rel="stylesheet" href="checkboxes.css">
<script src="js/index.global.js"></script>
<script src="jquery/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
@@ -135,7 +136,7 @@
<thead class="bg-gray-900 text-gray-300 uppercase text-sm">
<tr>
<th class="px-4 py-2">
<input type="checkbox" id="selectAll" class="rounded border-gray-600 bg-gray-700 text-blue-600 focus:ring-blue-500">
<input type="checkbox" id="selectAll" class="checkbox-custom">
</th>
<th class="px-4 py-2">Name</th>
<th class="px-4 py-2">Status</th>