47 lines
2.0 KiB
Markdown
47 lines
2.0 KiB
Markdown
# ETAPA — Fixes rápidos: toggle password + card Talento en riesgo
|
|
|
|
## 1. Objetivo
|
|
Dos fixes visuales independientes y quirúrgicos. Scope estricto.
|
|
|
|
## 2. DECISIONES YA TOMADAS — no consultar
|
|
- Toggle de contraseña: solo en el campo password del login, sin librería nueva.
|
|
- Card Talento en riesgo: eliminar el gradiente, quedar igual que los demás cards
|
|
(background blanco, sin distinción especial de fondo).
|
|
|
|
## 3. Tareas
|
|
|
|
### Fix A — Toggle "ver contraseña" en /login
|
|
En `app/login/page.tsx`:
|
|
- Agregar estado `showPassword` (useState).
|
|
- El input password alterna entre `type="password"` y `type="text"`.
|
|
- Botón inline dentro del campo (position absolute o flex) con ícono SVG
|
|
simple de ojo (inline, sin librería). Accesible: `aria-label="Mostrar contraseña"` /
|
|
`aria-label="Ocultar contraseña"` según estado. `type="button"` para no submitear.
|
|
- Estilo consistente con el formulario existente.
|
|
|
|
### Fix B — Card Talento en riesgo sin gradiente
|
|
En `app/globals.css`, clase `.db-widget-star`:
|
|
- Eliminar la propiedad `background` (el gradiente actual).
|
|
- El card hereda `background: #FFFFFF` de `.db-widget` — mismo que los demás.
|
|
- NO tocar `border-color: var(--color-re-teal)` — mantener el borde distintivo.
|
|
- NO tocar `.db-widget-star .db-widget-title` — mantener el título en teal.
|
|
|
|
## 4. DoD antes de reportar
|
|
- [ ] `git log --name-only -1` — solo `app/login/page.tsx` y `app/globals.css`
|
|
- [ ] Toggle password funciona: click muestra/oculta, aria-label cambia
|
|
- [ ] Card Talento en riesgo: fondo blanco igual que los demás cards
|
|
- [ ] Build sin errores: `npm run build`
|
|
- [ ] Commit: `fix(ui): toggle password en login + fondo blanco card talento`
|
|
- [ ] Push a Gitea
|
|
|
|
## 5. Qué reportar
|
|
- `git log --name-only -1`
|
|
- Línea exacta eliminada en `.db-widget-star`
|
|
- Build: ✓/✗
|
|
|
|
## 6. Qué NO hacer
|
|
- ❌ No tocar otros campos del formulario de login
|
|
- ❌ No tocar otros widgets del dashboard
|
|
- ❌ No agregar librerías de iconos
|
|
- ❌ No modificar el borde teal ni el título teal del card estrella
|
|
- ❌ No hacer deploy — solo commit y push |