Retirer la barre latérale au profit d'onglets de section

Deux défauts la condamnaient. Elle rognait la largeur utile au moment précis où
la grille de planning en manque le plus. Et elle donnait à la navigation deux
grammaires : des onglets sur la fiche salarié, une liste verticale partout
ailleurs. Une grammaire se retient, deux se cherchent.

Les entrées de la section courante s'affichent donc en onglets, dans la même
forme que la fiche salarié. Une entrée sans écran construit reste visible et
mène à l'écran d'attente : la masquer ferait croire le produit plus étroit que
ce qu'il vise, la laisser inerte ferait croire la navigation cassée.

La colonne centrale passe en largeur fixe. Une largeur qui suit la fenêtre fait
bouger les colonnes du planning d'un poste à l'autre : la même semaine ne se lit
pas au même endroit sur deux écrans, et l'œil doit se réorienter à chaque
ouverture. Une largeur arrêtée rend la page reconnaissable ; sur une fenêtre
étroite, elle défile horizontalement plutôt que de comprimer la grille.

À l'impression, cette largeur n'a plus de sens et déborderait de la feuille :
elle y est relâchée, comme les autres largeurs minimales de la grille.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 5 committed 2026-08-11 13:31:23 +02:00
1 parent 8033553222
commit 0a916ff73e
6 files changed
+107 -64

No files matched your search

+1 -1
View File
@@ -12,7 +12,7 @@ test('chaque tuile mène à ses lignes sources', async ({ page }) => {
await expect(page.getByRole('heading', { name: 'Aperçu RH' })).toBeVisible();
// Les tuiles sont des liens, pas des chiffres décoratifs. On vise celle du
// contenu, pas l'entrée homonyme de la barre latérale.
// contenu, pas l'onglet de section homonyme.
const tile = page
.locator('main')
.getByRole('link', { name: /Profils incomplets/ })
+2 -1
View File
@@ -51,7 +51,8 @@ test('le thème bascule et survit à un rechargement', async ({ page }) => {
test('une entrée de navigation non construite mène à un écran explicite', async ({
page,
}) => {
// La barre latérale n'affiche que la section courante : on l'ouvre d'abord.
// Les onglets n'affichent que les entrées de la section courante : on
// l'ouvre d'abord.
await page.goto('/absences/calendrier');
// « Politiques de congés » fait partie du périmètre visé mais n'est pas
// encore construit : l'entrée reste, et mène à un écran qui le dit.
+1 -1
View File
@@ -23,7 +23,7 @@ test('un manager ne peut ni voir ni modifier les établissements', async ({
}) => {
await signIn(page, 'manager.nantes@example.test');
// La barre latérale ne propose pas la section, mais c'est un confort :
// Les onglets ne proposent pas la section, mais c'est un confort :
// le contrôle qui compte est celui du serveur, testé en accédant à l'URL.
await page.goto('/reglages/etablissements');