Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:ButtonGrid/styles.css » : différence entre les versions

De Nefald
Agrado (discussion | contributions)
Aucun résumé des modifications
Balise : Révoqué
Agrado (discussion | contributions)
Aucun résumé des modifications
Balise : Révocation manuelle
Ligne 1 : Ligne 1 :
/* =========================================================
  MiniCardv2 — layout uniforme
  - 1 seule ligne
  - largeur identique
  - hauteur identique
  - scroll horizontal si dépassement
  - 100% compatible TemplateStyles
  ========================================================= */
.minicardv2-container{
.minicardv2-container{
   display:flex;
   display:grid;
  flex-wrap:nowrap;      /* jamais de retour ligne */
   gap:.9rem;
   gap:.9rem;


Ligne 17 : Ligne 7 :
   box-sizing:border-box;
   box-sizing:border-box;


   overflow-x:auto;
   /* Colonnes harmonisées, responsive */
   overflow-y:hidden;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
   align-items:stretch;
}
}


/* ===== Taille UNIFORME des tuiles ===== */
/* S'assure que le bouton remplit bien sa "cellule" */
.minicardv2-container > .button-link{
.minicardv2-container > .button-link{
   flex:0 0 190px;        /* largeur FIXE */
   width:100%;
  height:72px;          /* hauteur FIXE */
 
  box-sizing:border-box;
}
}


/* Le lien remplit entièrement la tuile */
/* (optionnel) si tu veux une hauteur identique */
.minicardv2-container > .button-link > .button-link__link{
.minicardv2-container > .button-link .button-link__link{
  width:100%;
   height:100%;
   height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-sizing:border-box;
}
/* Icônes / images toujours contenues */
.minicardv2-container img{
  max-height:65%;
  width:auto;
}
}

Version du 4 février 2026 à 20:35

.minicardv2-container{
  display:grid;
  gap:.9rem;

  width:100%;
  padding:.4rem 0;
  box-sizing:border-box;

  /* Colonnes harmonisées, responsive */
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
  align-items:stretch;
}

/* S'assure que le bouton remplit bien sa "cellule" */
.minicardv2-container > .button-link{
  width:100%;
}

/* (optionnel) si tu veux une hauteur identique */
.minicardv2-container > .button-link .button-link__link{
  height:100%;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.