Repository navigation
Menú del compte a la capçalera, logotip i descàrrega de dades - #103
Conversation
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
…count deletion Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
| role="menu" | ||
| className="absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white py-1 shadow-lg" | ||
| > | ||
| <p className="border-b border-slate-200 px-4 py-2 text-sm break-all text-slate-500"> |
There was a problem hiding this comment.
El menú queda tallat en pantalles estretes. Ho he reproduït amb amplades de 320, 375 i 390 px: quan la capçalera ocupa dues files, els controls queden a l’esquerra i el desplegable, amb right-0 w-56, comença a x = −80,6 px. Això deixa fora de la pantalla les icones i part dels textos. Podríem alinear els controls a la dreta quan salten de fila o ajustar la posició del desplegable perquè quedi dins de la pantalla?
| type="button" | ||
| onClick={() => setOpen((value) => !value)} | ||
| aria-haspopup="menu" | ||
| aria-expanded={open} |
There was a problem hiding this comment.
El comportament del teclat no correspon als rols ARIA del menú. Ho he comprovat: Retorn obre el desplegable però manté el focus al botó, la fletxa avall no fa res i Tab permet sortir-ne sense tancar-lo. Les accions són accessibles amb Tab, però role="menu" i role="menuitem" impliquen una navegació específica amb el teclat. Podríem implementar aquesta gestió del focus i de les tecles, o simplificar-lo com un desplegable amb enllaços i botons sense aquests rols?
|
Com a única millora, afegiria la capçalera |
…and stop caching the data export Drop the ARIA menu roles (no arrow-key navigation is implemented), close the dropdown when focus leaves it, keep it inside the viewport and right-align the header controls when they wrap. Send Cache-Control: no-store on /auth/export. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
|
Gràcies pels comentaris! Ja els he resolt (5820b1e):
🤖 Generated with Claude Code |
|
Gràcies! |
GET /api/auth/export)🤖 Generated with Claude Code