feat(fresh.gen.ts): add routes for notes edition, recap and island recap
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:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user