Onglets d'administration : retour à la ligne au lieu du défilement
Build & Deploy / build (push) Successful in 26s
Build & Deploy / build (push) Successful in 26s
La bande défilante horizontale gardait les onglets dans le cadre mais en masquait hors champ : sur mobile, « Statistiques » et « Scrapers » n'étaient atteignables qu'en faisant glisser la barre, sans indice visuel qu'elle défilait. flex-wrap les fait passer à la ligne, tous restent visibles. Vérifié au navigateur : deux lignes à 320 et 375px ([Utilisateurs | Documents] puis [Statistiques | Scrapers]), une seule ligne dès 768px, aucun débordement de la nav ni de la page. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -47,13 +47,9 @@
|
|||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
overflow-x: auto;
|
/* Les onglets passent à la ligne quand ils ne tiennent plus, plutôt que de
|
||||||
scrollbar-width: none;
|
défiler : aucun n'est masqué hors champ. */
|
||||||
padding-bottom: 0.125rem;
|
flex-wrap: wrap;
|
||||||
}
|
|
||||||
|
|
||||||
.tabs::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs button {
|
.tabs button {
|
||||||
@@ -66,7 +62,6 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
flex-shrink: 0;
|
|
||||||
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user