|
|
| (17 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| /* Conteneur principal */
| | .ButtonGrid-container{ |
| .minicardv2-container{ | | display:grid; |
| width:100% !important; | | gap:.9rem; |
| margin:0 !important;
| |
| padding:.4rem 0 !important; | |
|
| |
|
| /* Ligne */ | | width:100%; |
| display:flex !important;
| | padding:.4rem 0; |
| flex-direction:row !important; | | box-sizing:border-box; |
| flex-wrap:nowrap !important; | |
| gap:.6rem !important;
| |
| align-items:stretch !important;
| |
|
| |
|
| /* Responsive: scroll si trop serré */ | | /* Colonnes harmonisées, responsive */ |
| overflow-x:auto; | | grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); |
| overflow-y:hidden;
| | align-items:stretch; |
| | |
| /* Pas d'encadré hérité */
| |
| background:transparent !important;
| |
| border:0 !important;
| |
| box-shadow:none !important;
| |
| }
| |
| | |
| /* Le point bloquant chez toi : le paramètre est rendu dans un <pre> */
| |
| .minicardv2-container pre{
| |
| /* on annule l'effet "code block" */
| |
| margin:0 !important;
| |
| padding:0 !important;
| |
| border:0 !important;
| |
| background:transparent !important;
| |
| box-shadow:none !important;
| |
| | |
| /* on neutralise l'affichage pre */
| |
| display:flex !important;
| |
| flex-direction:row !important;
| |
| flex-wrap:nowrap !important;
| |
| gap:.6rem !important;
| |
| align-items:stretch !important; | |
| | |
| /* le pre garde normalement les retours ligne */
| |
| white-space:normal !important;
| |
| | |
| width:100% !important;
| |
| overflow:visible !important;
| |
| } | | } |
|
| |
|
| /* Les tuiles : tes liens sont <a class="external text"> */ | | /* Chaque bouton remplit sa cellule */ |
| .minicardv2-container a.external.text{ | | .ButtonGrid-container > .button-link{ |
| display:flex !important; | | width:100%; |
| align-items:center !important;
| |
| justify-content:center !important;
| |
| gap:.5rem !important;
| |
| | |
| /* Adaptation au nombre de tuiles */
| |
| flex:1 1 0 !important;
| |
| min-width:120px; /* ajuste (ex 100/140) */
| |
| | |
| padding:.55rem .8rem !important;
| |
| border-radius:12px !important;
| |
| | |
| font-weight:600 !important;
| |
| text-decoration:none !important;
| |
| white-space:nowrap !important;
| |
| | |
| background-color:#111 !important;
| |
| color:#fff !important;
| |
| | |
| background-image:none !important;
| |
| } | | } |
|
| |
|
| /* Icône */ | | /* Le lien interne remplit la hauteur du bouton */ |
| .minicardv2-container a.external.text img{ | | .ButtonGrid-container > .button-link .button-link__link{ |
| width:18px;
| | height:100%; |
| height:18px; | |
| } | | } |
.ButtonGrid-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(190px, 1fr));
align-items:stretch;
}
/* Chaque bouton remplit sa cellule */
.ButtonGrid-container > .button-link{
width:100%;
}
/* Le lien interne remplit la hauteur du bouton */
.ButtonGrid-container > .button-link .button-link__link{
height:100%;
}
