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
Agrado (discussion | contributions)
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
/* Conteneur : 1 ligne, pleine largeur, gap constant */
/* Conteneur: pleine largeur + en ligne */
.minicardv2-container{
.minicardv2-container{
   display:flex;
   display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
 
   align-items:stretch;
   align-items:stretch;
   gap:.6rem;
   gap:.6rem;


   width:100%;
   width:100% !important;
   padding:.4rem 0;
   padding:.4rem 0;
   box-sizing:border-box;
   margin:0;
 
  background:transparent;
  border:0;


  flex-wrap:nowrap;        /* toujours sur 1 ligne */
   overflow-x:auto;
   overflow-x:auto;         /* responsive: scroll si ça ne rentre pas */
   overflow-y:hidden;
   overflow-y:hidden;
  box-sizing:border-box;
}
}


/* MediaWiki injecte parfois <p> et <br> avec des retours ligne dans le paramètre */
/* Empêche les wrappers <p> de casser la ligne */
.minicardv2-container p{
.minicardv2-container > p{
   margin:0;
   margin:0 !important;
   display:contents;       /* pour ne pas créer un “bloc” intermédiaire */
  padding:0 !important;
   background:transparent;
  border:0;
 
  /* on ne peut pas utiliser display:contents -> on force inline */
  display:inline !important;
}
}


/* Retire les <br> générés par les retours ligne */
.minicardv2-container br{
.minicardv2-container br{
   display:none;
   display:none !important;
}
}


/* Tuiles : elles se partagent la largeur disponible */
/* Les tuiles : on cible tous les liens (certain skins n'ont pas .external) */
.minicardv2-container a{
.minicardv2-container a{
   display:flex;
   display:inline-flex !important;
   align-items:center;
   align-items:center;
   justify-content:center;
   justify-content:center;
   gap:.5rem;
   gap:.5rem;


   flex:1 1 0;             /* clé: 5 => plus large, 7 => plus étroit */
   flex:1 1 0 !important;
   min-width:120px;         /* seuil avant scroll (ajuste si tu veux) */
   min-width:120px;


   padding:.55rem .8rem;
   padding:.55rem .8rem;
Ligne 38 : Ligne 50 :


   font-weight:600;
   font-weight:600;
   text-decoration:none;
   text-decoration:none !important;
   white-space:nowrap;
   white-space:nowrap;


Ligne 44 : Ligne 56 :
   color:#fff;
   color:#fff;


  /* neutralise parfois l’icône externe via background-image */
   background-image:none !important;
   background-image:none;
}
}



Version du 4 février 2026 à 19:42

/* Conteneur: pleine largeur + en ligne */
.minicardv2-container{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;

  align-items:stretch;
  gap:.6rem;

  width:100% !important;
  padding:.4rem 0;
  margin:0;

  background:transparent;
  border:0;

  overflow-x:auto;
  overflow-y:hidden;
  box-sizing:border-box;
}

/* Empêche les wrappers <p> de casser la ligne */
.minicardv2-container > p{
  margin:0 !important;
  padding:0 !important;
  background:transparent;
  border:0;

  /* on ne peut pas utiliser display:contents -> on force inline */
  display:inline !important;
}

/* Retire les <br> générés par les retours ligne */
.minicardv2-container br{
  display:none !important;
}

/* Les tuiles : on cible tous les liens (certain skins n'ont pas .external) */
.minicardv2-container a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  flex:1 1 0 !important;
  min-width:120px;

  padding:.55rem .8rem;
  border-radius:12px;

  font-weight:600;
  text-decoration:none !important;
  white-space:nowrap;

  background-color:#111;
  color:#fff;

  background-image:none !important;
}

/* Icône */
.minicardv2-container a img{
  width:18px;
  height:18px;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.