mgonzalez/project.linkedcorp.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: version 2.10.0 -- Notas en tarjetas, crear/editar en popup, compartir de solo lectura

Browse Source 
Rediseno completo del modulo Notas (era lista inline, sin popup, sin compartir):
- Tarjetas con resumen del contenido en vez de lista vertical; la primera tarjeta siempre es
  un "+" para crear.
- Crear y editar se hacen en un DetailPopup (antes: textarea fijo arriba + edicion inline por
  tarjeta).
- Nueva tabla note_shares (migracion 019): compartir una nota con otro usuario ya registrado,
  siempre de solo lectura -- el dueño sigue siendo el unico que edita/borra/comparte (mismo
  patron que project_members pero sin rol ni invitacion por correo, ya que acá no hace falta).
  Quien recibe la nota la ve con "Compartida por {nombre}", sin ningun control de edicion.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-12 12:09:04 -05:00
parent dd8384fc88
commit 926215297e
14 changed files with 278 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/app.css
+24
View File
@@ -361,6 +361,30 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.text-link { color: rgb(var(--accent)); text-decoration: none; }
.text-link:hover { text-decoration: underline; }
/* --- Notas: tarjetas (ver NotasPage.jsx) --- */
.notes-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px;
}
.notes-card {
background: rgb(var(--surface)); border: 1px solid rgb(var(--line));
border-radius: var(--r-lg); padding: 16px; cursor: pointer; text-align: left;
display: flex; flex-direction: column; gap: 10px; min-height: 140px;
font: inherit; color: inherit;
transition: border-color .15s ease;
}
.notes-card:hover { border-color: rgb(var(--accent) / .5); }
.notes-card-preview {
font-size: .82rem; white-space: pre-wrap; flex: 1; margin: 0;
display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.notes-card-meta { display: flex; flex-direction: column; gap: 2px; font-size: .68rem; color: rgb(var(--muted)); }
.notes-card-shared { color: rgb(var(--accent)); }
.notes-card-new {
border: 1px dashed rgb(var(--line)); background: transparent; color: rgb(var(--muted));
align-items: center; justify-content: center; gap: 8px; font-weight: 600;
}
.notes-card-new:hover { border-color: rgb(var(--accent)); color: rgb(var(--accent)); }
/* --- Contraseñas: tarjetas en vez de tabla --- */
.vault-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px;