feat(fresh.gen.ts): add routes for notes edition, recap and island recap
Check Deno code / Check Deno code (pull_request) Failing after 5s
Tests / Unit tests (pull_request) Successful in 12s
Tests / Integration tests (pull_request) Failing after 1m17s

feat(notes): add NoteRecap island component for student grade recap

feat: add adjust controls to UI component

Add placeholder, value binding, onInput handler, apply/reset buttons,
and display of adjusted value.

feat(notes): add edition and recap pages, update styles and links
This commit is contained in:
2026-04-27 18:22:23 +02:00
parent 757e364af0
commit 2c5e4ebf11
6 changed files with 510 additions and 3 deletions
+90
View File
@@ -857,6 +857,96 @@
font-size: 0.82rem;
}
/* -------------------------------------------------------
Note recap chips & rows
------------------------------------------------------- */
.note-chip {
display: inline-flex;
align-items: center;
padding: 0.15rem 0.55rem;
border-radius: 10px;
border: 1px solid currentColor;
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
font-family: monospace;
white-space: nowrap;
}
.note-chip--ok {
color: light-dark(var(--light-accent-color), var(--dark-accent-color));
}
.note-chip--fail {
color: light-dark(#dc2626, #f87171);
}
.note-chip--none {
color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
}
.note-chip--promo {
color: light-dark(var(--light-accent-color), var(--dark-accent-color));
background: transparent;
}
.note-chip--ajust {
color: #f59e0b;
}
.note-row {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.4rem 0;
border-bottom: 1px solid
light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
flex-wrap: wrap;
}
.note-row-label {
flex: 1;
min-width: 10rem;
font-size: 0.85rem;
display: flex;
align-items: center;
gap: 0.4rem;
flex-wrap: wrap;
}
.note-row-chip {
font-size: 0.68rem;
padding: 0.1rem 0.4rem;
}
.note-row-coef {
font-size: 0.75rem;
white-space: nowrap;
}
.ajust-section {
margin-top: 0.75rem;
padding-top: 0.65rem;
border-top: 1px solid
light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
}
.ajust-title {
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
margin: 0 0 0.15rem;
}
.ajust-hint {
font-size: 0.7rem;
color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
font-family: monospace;
margin: 0 0 0.5rem;
}
/* -------------------------------------------------------
(end note recap)
------------------------------------------------------- */
.info-note-dim {
font-size: 0.7rem;
color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));