fix(fiches): la grille ?vue=fiches ne déborde plus (minmax(0, 1fr))
repeat(n, 1fr) prend pour minimum le contenu le plus large ; avec le nom de fiche en nowrap, les colonnes dépassaient le conteneur (prod 29/09 : 1658 px dans 1088 à 1440, 534 dans 328 à 360). B10 M0, SPEC-vue-fiches §1. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EBu7CSLy7PJgL4HJaV5oHP
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
a2b89489a6
commit
3f5ebe1c36
@@ -150,19 +150,19 @@ function toggle(tag: string) {
|
|||||||
|
|
||||||
.fiches-panel__grid {
|
.fiches-panel__grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||||
gap: var(--space-sm);
|
gap: var(--space-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.fiches-panel__grid {
|
.fiches-panel__grid {
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1280px) {
|
@media (min-width: 1280px) {
|
||||||
.fiches-panel__grid {
|
.fiches-panel__grid {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user