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;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
padding-bottom: 0.125rem;
|
||||
}
|
||||
|
||||
.tabs::-webkit-scrollbar {
|
||||
display: none;
|
||||
/* Les onglets passent à la ligne quand ils ne tiennent plus, plutôt que de
|
||||
défiler : aucun n'est masqué hors champ. */
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tabs button {
|
||||
@@ -66,7 +62,6 @@
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user