stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

#137 Feinjustierung: Checkbox im NodeView 3px höher (Text relativ 3px tiefer)

Browse Source 
Stefans Feedback nach dem Nachfahren-Selektor-Fix: „noch 3px weiter
runter". Die Zeilenmetrik des Editor-/Auth-NodeViews (label-Wrapper)
setzt die Checkbox ~3px tiefer als im öffentlichen docToHtml-Markup —
daher NUR für den label-Pfad `margin-top: calc(0.25em - 3px)`; die
öffentliche Ansicht (bare input, war korrekt) bleibt bei 0.25em.
Live per Injektion auf Test vermessen: Versatz −9 → −6px, Checkbox
mittig auf der Textzeile (Zoom-Screenshot).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0155v2aT8AG1kZDQEZiCLBWC
This commit is contained in:
Claude Fable 5 2026-07-19 21:31:53 +02:00
parent 3ed3cbb806
commit d07f8bb8e1
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web/src/styles/base.css
View File

@ -1638,6 +1638,13 @@ ul[data-type='task_list'] li > label {
margin-top: 0.25em; margin-top: 0.25em;
} }
/* Editor/auth NodeView only (the bare-input shape has no label): its line
metrics sit the checkbox ~3px lower than in the public view, so pull the
label up by that much — tuned to Stefan's eye on the live stage (#137). */
ul[data-type='task_list'] li > label {
margin-top: calc(0.25em - 3px);
}
ul[data-type='task_list'] li p:first-of-type { ul[data-type='task_list'] li p:first-of-type {
margin-top: 0; margin-top: 0;
} }