Add emoji toggle setting to parent dashboard Settings panel

Parent can turn the floating school emoji on/off from Settings > Student home screen. Setting persists in the DB and is read via a public /api/public-settings endpoint on the student home page.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 4.6 committed 2026-08-04 17:00:42 -04:00
1 parent f66b2749f0
commit 006c865b87
5 files changed
+42 -2

No files matched your search

+19
View File
@@ -843,6 +843,25 @@ button.tiny { font-size: 0.75rem; padding: 0.15rem 0.5rem; }
.radio-label { display: block; margin: 0.3rem 0; cursor: pointer; }
.radio-label input { margin-right: 0.4rem; }
.toggle-label {
display: flex; align-items: center; gap: 0.65rem;
cursor: pointer; font-size: 0.95rem; user-select: none;
}
.toggle-label input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }
.toggle-track {
flex-shrink: 0; width: 40px; height: 22px;
background: #d0ccc0; border-radius: 999px;
position: relative; transition: background 0.2s;
}
.toggle-thumb {
position: absolute; top: 3px; left: 3px;
width: 16px; height: 16px; border-radius: 50%;
background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.2);
transition: transform 0.2s;
}
.toggle-label input:checked ~ .toggle-track { background: var(--accent); }
.toggle-label input:checked ~ .toggle-track .toggle-thumb { transform: translateX(18px); }
/* ---------- new features: locked items, due dates, overdue, history, modal ---------- */
.today-row.locked {
opacity: 0.55;