|
|
| Ligne 1 : |
Ligne 1 : |
| /* Conteneur principal */
| |
| .minicardv2-container{ | | .minicardv2-container{ |
| width:100% !important; | | display:flex; |
| margin:0 !important; | | gap:.6rem; |
| padding:.4rem 0 !important;
| |
|
| |
|
| /* Ligne */ | | width:100%; |
| display:flex !important;
| | padding:.4rem 0; |
| flex-direction:row !important;
| |
| flex-wrap:nowrap !important;
| |
| gap:.6rem !important; | |
| align-items:stretch !important;
| |
|
| |
|
| /* Responsive: scroll si trop serré */ | | flex-wrap:nowrap; |
| overflow-x:auto; | | overflow-x:auto; |
| overflow-y:hidden;
| |
|
| |
| /* 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"> */
| |
| .minicardv2-container a.external.text{
| |
| display:flex !important;
| |
| 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 */
| | .minicardv2-container > *{ |
| .minicardv2-container a.external.text img{ | | flex:1 1 0; /* largeur auto selon nombre de tuiles */ |
| width:18px; | | min-width:120px; |
| height:18px; | |
| } | | } |
.minicardv2-container{
display:flex;
gap:.6rem;
width:100%;
padding:.4rem 0;
flex-wrap:nowrap;
overflow-x:auto;
}
.minicardv2-container > *{
flex:1 1 0; /* largeur auto selon nombre de tuiles */
min-width:120px;
}
