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évoqué
Ligne 1 : Ligne 1 :
/* =========================================================
/* =========================================================
   MiniCardv2/styles.css — 1 seule ligne (no wrap) + scroll
   MiniCardv2 — layout uniforme
   - Toujours sur UNE ligne, quel que soit le nombre de tuiles
  - 1 seule ligne
   - Pleine largeur
   - largeur identique
   - Scroll horizontal si ça dépasse
   - hauteur identique
   - Compatible TemplateStyles
   - scroll horizontal si dépassement
   - 100% compatible TemplateStyles
   ========================================================= */
   ========================================================= */


.minicardv2-container{
.minicardv2-container{
   display:flex;
   display:flex;
   flex-wrap:nowrap;           /* ✅ interdit le retour à la ligne */
   flex-wrap:nowrap;     /* jamais de retour ligne */
  align-items:stretch;
   gap:.9rem;
   gap:.9rem;


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


   overflow-x:auto;           /* ✅ scroll si trop de tuiles */
   overflow-x:auto;
   overflow-y:hidden;
   overflow-y:hidden;
  background:transparent;
  border:0;
}
}


/* Chaque bouton ButtonLink */
/* ===== Taille UNIFORME des tuiles ===== */
.minicardv2-container > .button-link{
.minicardv2-container > .button-link{
   flex:1 0 170px;             /* base 170px, ne wrap pas */
   flex:0 0 190px;       /* largeur FIXE */
   width:auto;
   height:72px;           /* hauteur FIXE */
 
   box-sizing:border-box;
   box-sizing:border-box;
}
}


/* Le lien interne remplit le bouton */
/* Le lien remplit entièrement la tuile */
.minicardv2-container > .button-link > .button-link__link{
.minicardv2-container > .button-link > .button-link__link{
  width:100%;
   height:100%;
   height:100%;
   display:flex;
   display:flex;
   align-items:center;
   align-items:center;
   justify-content:center;
   justify-content:center;
  padding:0;
   box-sizing:border-box;
   box-sizing:border-box;
}
}


/* Icônes : évite qu'une icône trop grande force la mise en page */
/* Icônes / images toujours contenues */
.minicardv2-container img{
.minicardv2-container img{
   max-height:70%;
   max-height:65%;
   width:auto;
   width:auto;
}
}

Version du 4 février 2026 à 20:20

/* =========================================================
   MiniCardv2 — layout uniforme
   - 1 seule ligne
   - largeur identique
   - hauteur identique
   - scroll horizontal si dépassement
   - 100% compatible TemplateStyles
   ========================================================= */

.minicardv2-container{
  display:flex;
  flex-wrap:nowrap;      /* jamais de retour ligne */
  gap:.9rem;

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

  overflow-x:auto;
  overflow-y:hidden;
}

/* ===== Taille UNIFORME des tuiles ===== */
.minicardv2-container > .button-link{
  flex:0 0 190px;        /* largeur FIXE */
  height:72px;           /* hauteur FIXE */

  box-sizing:border-box;
}

/* Le lien remplit entièrement la tuile */
.minicardv2-container > .button-link > .button-link__link{
  width: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;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.