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 : en ligne, responsive */
/* =========================
  MiniCardv2 — CSS complet
  - Pleine largeur
  - 1 ligne
  - Les tuiles s’adaptent au nombre (1fr)
  - Scroll horizontal si ça ne rentre pas (responsive)
  ========================= */
 
.minicardv2-container{
.minicardv2-container{
   display:flex;
   display:grid;
   align-items:center;
   grid-auto-flow:column;
  grid-auto-columns:1fr;
   gap:.6rem;
   gap:.6rem;
  width:100%;
   padding:.4rem 0;
   padding:.4rem 0;


  /* OPTION A (recommandée) : 1 seule ligne + scroll horizontal si trop long */
  flex-wrap:nowrap;
   overflow-x:auto;
   overflow-x:auto;
 
   overflow-y:hidden;
   /* OPTION B (alternative) : autoriser le retour à la ligne sur petits écrans */
   box-sizing:border-box;
  /* flex-wrap:wrap; */
   /* overflow-x:visible; */
}
}


/* Important : certains skins mettent les liens externes en block/100%,
/* Tuiles : liens externes MediaWiki */
  on force le comportement "tuile" */
.minicardv2-container a.external{
.minicardv2-container a.external{
   display:inline-flex !important;
   display:flex !important;
   align-items:center;
   align-items:center;
  justify-content:center;
   gap:.5rem;
   gap:.5rem;


   width:auto !important;
   width:100% !important;
   max-width:100%;
   min-width:0;


   padding:.55rem .8rem;
   padding:.55rem .8rem;
Ligne 53 : Ligne 59 :
}
}


/* Optionnel : enlever l’icône "lien externe" ajoutée par MediaWiki (la petite flèche) */
/* Masquer l’icône "lien externe" (petite flèche) */
.minicardv2-container a.external::after{
.minicardv2-container a.external::after{
   display:none !important;
   display:none !important;
}
}

Version du 4 février 2026 à 19:34

/* =========================
   MiniCardv2 — CSS complet
   - Pleine largeur
   - 1 ligne
   - Les tuiles s’adaptent au nombre (1fr)
   - Scroll horizontal si ça ne rentre pas (responsive)
   ========================= */

.minicardv2-container{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:.6rem;

  width:100%;
  padding:.4rem 0;

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

/* Tuiles : liens externes MediaWiki */
.minicardv2-container a.external{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  width:100% !important;
  min-width:0;

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

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

  background:#111;
  color:#fff;

  transition:transform .08s ease, filter .08s ease;
}

.minicardv2-container a.external:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.minicardv2-container a.external:active{
  transform:translateY(0);
}

/* Icône */
.minicardv2-container a.external img{
  width:18px;
  height:18px;
}

/* Masquer l’icône "lien externe" (petite flèche) */
.minicardv2-container a.external::after{
  display:none !important;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.