fix(as-S2): legibility — nothing fades, labels 11px, sentences 12px
From the anti-slop run (design-dev, 2026-09-28). Faded is not legible: opacity divides whatever contrast a line had. - Review arrows: the chip under the thin chevron is 82% dense, not 60%; the glyph now clears 7:1 over a white stage by colour (was 3.84:1), and reads at pixel level where the detector sampled a 2.9:1 median. - Filmstrip numbers, the marks' state stamp and the inline ask's state tag are labels at 11px (were 9.5 / 10.5 / 10.5px). - The Desk's section rules, the board note and the bench note are sentences at 12px. - Retired benches: no opacity; the link and URL take --text-muted. - Embed chrome: answered-ask details and the "recorded:" line inherit the host's text colour at full strength (the embed cannot know the host's palette); the notes placeholder inherits it at 75%, not the UA grey. Folded from the heid bug-hunt: the embed's ask title no longer fades either (Q9), and the legibility claims are also held on the browser's COMPUTED style (tests/test_antislop_s2_browser.py): a stylesheet grep cannot see a later rule in the cascade (font-size:1px, color:transparent, filter:grayscale, a placeholder at opacity:0); the browser can. Folded after the first gate run: the flagged tray's number, the tile's "flagged" stamp and compare's A/B badge were still under the 11px label floor; they take --size-micro too. Two film-number rows are re-anchored on the .film-ord selector: the tray's line is now identical to it, and the runner mutates the first match. Contract: as_antislop S2. Falsifiers: antislop.toml 34/34 proved (S1+S2); all 12 tables 314/314 proved on this tree.
This commit is contained in:
@@ -118,3 +118,147 @@ file = "booth/templates/booth.html"
|
||||
test = "tests/test_antislop.py::test_board_rows_use_the_house_clock"
|
||||
old = '''{% if e.who|byline %}<span class="board-who">{{ e.who|byline }}</span>{% endif %}'''
|
||||
new = '''{% if e.who %}<span class="board-who">{{ e.who }}</span>{% endif %}'''
|
||||
|
||||
# ---- S2: legibility
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the review arrows' chip lets a light stage through (60%)"
|
||||
file = "booth/templates/view.html"
|
||||
test = "tests/test_antislop.py::test_review_arrows_hold_over_a_white_stage"
|
||||
old = '''background:oklch(0.17 0.01 250 / .82);'''
|
||||
new = '''background:oklch(0.17 0.01 250 / .6);'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the filmstrip numbers back at 9.5px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop.py::test_film_numbers_meet_the_label_floor"
|
||||
old = ''' .film-ord{position:absolute;left:3px;top:3px;padding:1px 4px;border-radius:var(--radius-sm);
|
||||
font:600 var(--size-micro)/1.2 var(--font-mono);background:oklch(0.17 0.01 250 / .85);'''
|
||||
new = ''' .film-ord{position:absolute;left:3px;top:3px;padding:1px 4px;border-radius:var(--radius-sm);
|
||||
font:600 9.5px/1.2 var(--font-mono);background:oklch(0.17 0.01 250 / .85);'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the marks' state stamp back at 10.5px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop.py::test_mark_state_meets_the_label_floor"
|
||||
old = ''' .mark-state{font-family:var(--font-mono);font-size:var(--size-micro);'''
|
||||
new = ''' .mark-state{font-family:var(--font-mono);font-size:10.5px;'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the Desk's section rules back at the label size"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop.py::test_hint_lines_meet_the_sentence_floor"
|
||||
old = ''' .desk-rule{font-size:var(--size-caption);font-weight:400;'''
|
||||
new = ''' .desk-rule{font-weight:400;'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the board note back at 11px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop.py::test_hint_lines_meet_the_sentence_floor"
|
||||
old = ''' .board-note{font-family:var(--font-mono);font-size:var(--size-caption);'''
|
||||
new = ''' .board-note{font-family:var(--font-mono);font-size:var(--size-micro);'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the bench note back at 11px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop.py::test_hint_lines_meet_the_sentence_floor"
|
||||
old = ''' .bench-note{font-family:var(--font-mono);font-size:var(--size-caption);'''
|
||||
new = ''' .bench-note{font-family:var(--font-mono);font-size:var(--size-micro);'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 retired benches faded again"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop.py::test_retired_benches_are_not_faded"
|
||||
old = ''' .bench-row.is-retired .bench-link,.bench-row.is-retired .bench-url{color:var(--text-muted)}'''
|
||||
new = ''' .bench-row.is-retired{opacity:.5}'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 an answered ask's option details faded again"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop.py::test_embed_fades_nothing"
|
||||
old = ''' ".bk-ask-det{font-size:.82rem}",'''
|
||||
new = ''' ".bk-ask-det{font-size:.82rem;opacity:.68}",'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the recorded line faded again"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop.py::test_embed_fades_nothing"
|
||||
old = ''' ".bk-ask-was{margin:.15rem 0 .55rem;font-size:.86rem}",'''
|
||||
new = ''' ".bk-ask-was{margin:.15rem 0 .55rem;font-size:.86rem;opacity:.8}",'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the notes placeholder back to the browser's grey"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop.py::test_embed_fades_nothing"
|
||||
old = ''' ".bk-ask-notes::placeholder{color:inherit;opacity:.75}",'''
|
||||
new = ''''''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the inline ask's state tag back at 10.5px"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop.py::test_the_ask_tag_meets_the_label_floor"
|
||||
old = """ "font:600 11px/1.3 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;","""
|
||||
new = """ "font:600 10.5px/1.3 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;","""
|
||||
|
||||
# ---- S2, folded from the heid bug-hunt guard grid: what the COMPUTED style shows
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the ask title fades (Q9)"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop_s2_browser.py::test_nothing_fades"
|
||||
old = """ "letter-spacing:.12em;text-transform:uppercase}","""
|
||||
new = """ "letter-spacing:.12em;text-transform:uppercase;opacity:.62}","""
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 a later rule shrinks the film numbers (cascade, not shorthand)"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop_s2_browser.py::test_labels_and_sentences_render_at_their_floors"
|
||||
old = """ .film-ord{position:absolute;left:3px;top:3px;padding:1px 4px;border-radius:var(--radius-sm);
|
||||
font:600 var(--size-micro)/1.2 var(--font-mono);background:oklch(0.17 0.01 250 / .85);color:oklch(0.91 0.008 216)}"""
|
||||
new = """ .film-ord{position:absolute;left:3px;top:3px;padding:1px 4px;border-radius:var(--radius-sm);
|
||||
font:600 var(--size-micro)/1.2 var(--font-mono);background:oklch(0.17 0.01 250 / .85);color:oklch(0.91 0.008 216);font-size:1px}"""
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the details go transparent without any opacity"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop_s2_browser.py::test_nothing_fades"
|
||||
old = """ ".bk-ask-det{font-size:.82rem}","""
|
||||
new = """ ".bk-ask-det{font-size:.82rem;color:transparent}","""
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the placeholder vanishes (opacity 0) while keeping color:inherit"
|
||||
file = "booth/static/embed.js"
|
||||
test = "tests/test_antislop_s2_browser.py::test_nothing_fades"
|
||||
old = """ ".bk-ask-notes::placeholder{color:inherit;opacity:.75}","""
|
||||
new = """ ".bk-ask-notes::placeholder{color:inherit;opacity:0}","""
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 retired benches greyed by a filter instead of opacity"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop_s2_browser.py::test_nothing_fades"
|
||||
old = """ .bench-row.is-retired .bench-link,.bench-row.is-retired .bench-url{color:var(--text-muted)}"""
|
||||
new = """ .bench-row.is-retired .bench-link,.bench-row.is-retired .bench-url{color:var(--text-muted)}
|
||||
.bench-row.is-retired{filter:grayscale(.6) opacity(.5)}"""
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the flagged tray's number back at 10px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop_s2_browser.py::test_labels_and_sentences_render_at_their_floors"
|
||||
old = ''' .tray-ord{position:absolute;left:3px;bottom:3px;padding:1px 4px;border-radius:var(--radius-sm);
|
||||
font:600 var(--size-micro)/1.2 var(--font-mono);'''
|
||||
new = ''' .tray-ord{position:absolute;left:3px;bottom:3px;padding:1px 4px;border-radius:var(--radius-sm);
|
||||
font:600 10px/1.2 var(--font-mono);'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 the tile's flagged stamp back at 10.5px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop_s2_browser.py::test_labels_and_sentences_render_at_their_floors"
|
||||
old = ''' font:600 var(--size-micro)/1.3 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;'''
|
||||
new = ''' font:600 10.5px/1.3 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;'''
|
||||
|
||||
[[mutation]]
|
||||
label = "S2 compare's A/B badge back at 9.5px"
|
||||
file = "booth/templates/base.html"
|
||||
test = "tests/test_antislop_s2_browser.py::test_labels_and_sentences_render_at_their_floors"
|
||||
old = ''' font:700 var(--size-micro)/1.2 var(--font-mono);background:var(--accent);color:var(--accent-contrast)}'''
|
||||
new = ''' font:700 9.5px/1.2 var(--font-mono);background:var(--accent);color:var(--accent-contrast)}'''
|
||||
|
||||
Reference in New Issue
Block a user