csv2

csv2

mobile friendly

Parfait ! Je vais vous fournir une version mobile-first complètement responsive, où :

  • Sur smartphone, chaque ligne devient un bloc vertical pour éviter le scroll horizontal.

  • Sur PC/Mac, le tableau classique est conservé avec toutes les colonnes alignées.

  • La colonne Description gère les retours à la ligne.

  • Alertes pour dates proches et couleur des jours sont conservées.

  • Texte taille 8px, sans gras.

  • ✅ Fonctionnalités de cette version mobile-first :

  • PC/Mac : tableau classique avec toutes les colonnes alignées.

  • Smartphone (écran ≤600px) : chaque ligne devient un bloc vertical.

  • Chaque cellule affiche son en-tête via data-label pour la lisibilité.

  • Description multi-lignes respectée avec <br>.

  • Alertes pour dates proches et couleur par jour conservées.

  • Texte petit et lisible (8px, pas de gras).

  • ✅ Modifications apportées :

  • Hauteur minimale des cellules avec min-height pour éviter que les lignes vides soient trop fines.

  • Cellules vides compressées pour éviter les espaces inutiles dans Description, km, D(m), Animateur.

  • Sur mobile, la hauteur s'ajuste automatiquement pour que les blocs restent lisibles.

  • Retour à la ligne dans Description et alertes conservés.


Planning Responsive Google Sheets

PLANNING RESPONSIVE

Tous droits réservés Association LA MARMOTTE 12/2024 - 12/2025