Donate to Postulo/postulo

• https://buymeacoffee.com/tiagoagueda

---

See the documentation for more details on donation links.

Your details: a question mark beside the heading and on every section #1014

Merged

tiagoagueda merged 3 commits from 918-details-help-marks into main 2026-10-21 18:36:15 +00:00

Conversation 0 Commits 3 Files changed 98 +5673 -1235

tiagoagueda commented 2026-10-19 17:13:47 +00:00

Owner

• Copy link
• Copy Markdown

Closes #918

What changed

• Your details uses one help pattern: a question mark after the H1 (<c-page-title help="your-details">, no subtitle) and one at the top right of every section, each with its one sentence as the tooltip and the full text in the drawer.
• New topics your-details (the Settings link moves into its drawer), cv-photo, personal-details, messaging, each with a templates/help/<slug>.html.
• Your CV photo, Personal details and Messaging get their marks; Personal details keeps the id personal-details-help that its fieldsets are described by. The paragraph and the CV-photo subtitle are gone.
• The kept-in-sight instructions (data-links-how, data-identifiers-how) are now the second half of the card's sentence (a slot of c-help-mark); they stay under the heading while something is refused. c-page-title passes in_sight through so that rule holds for the H1.
• Phone report: not reproduced. No rule hides the subtitle by width; the mark and its 24px target are shown at 390px and 1280px, held by a new browser test.
• Tests: test_help_topics.py, e2e/test_help.py (first/last focus stop is now the heading's mark), e2e/test_details_on_phones.py.
• Wiki: Accessibility and Design pages (local commit, not pushed).

Library check

None needed.

Model use

Written with Claude Code, reviewed by the person who opens the PR.

🤖 Generated with Claude Code

Closes #918 ## What changed - Your details uses one help pattern: a question mark after the H1 (`<c-page-title help="your-details">`, no subtitle) and one at the top right of every section, each with its one sentence as the tooltip and the full text in the drawer. - New topics `your-details` (the Settings link moves into its drawer), `cv-photo`, `personal-details`, `messaging`, each with a `templates/help/<slug>.html`. - Your CV photo, Personal details and Messaging get their marks; Personal details keeps the id `personal-details-help` that its fieldsets are described by. The paragraph and the CV-photo subtitle are gone. - The kept-in-sight instructions (`data-links-how`, `data-identifiers-how`) are now the second half of the card's sentence (a slot of `c-help-mark`); they stay under the heading while something is refused. `c-page-title` passes `in_sight` through so that rule holds for the H1. - Phone report: not reproduced. No rule hides the subtitle by width; the mark and its 24px target are shown at 390px and 1280px, held by a new browser test. - Tests: `test_help_topics.py`, `e2e/test_help.py` (first/last focus stop is now the heading's mark), `e2e/test_details_on_phones.py`. - Wiki: Accessibility and Design pages (local commit, not pushed). ## Library check None needed. ## Model use Written with Claude Code, reviewed by the person who opens the PR. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

tiagoagueda added 1 commit 2026-10-19 17:13:47 +00:00

Your details: a question mark beside the heading and on every section ... ff9c512280

Help on this page had three shapes: a sentence under the H1, a sentence or a
paragraph under some section headings, and a question mark on only some
sections. Listings and Documents already draw one pattern, a mark after the H1
with the sentence as its tooltip and the full text in the drawer, so Your
details now does too.

New topics your-details (page, with the Settings link in the drawer), cv-photo,
personal-details and messaging, each with a help template. The H1, Your CV
photo, Personal details and Messaging carry the mark and no text under them;
Personal details keeps the id its fieldsets are described by. The two
instructions kept in sight since #302 (what may be pasted into Identifiers, what
to type on a card of links) are now the second half of the card's sentence, a
slot of c-help-mark; they and every sentence stay under their headings while
something is refused. c-page-title passes in_sight through so that rule holds
for the H1 too.

The phone report (no helper text and no mark under the H1) was not reproduced:
no rule hides the subtitle by width, and the mark and its 24px target are shown
at 390px and 1280px, which a new browser test holds.

Closes #918

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

tiagoagueda added 1 commit 2026-10-20 20:01:03 +00:00

Merge main into 918-details-help-marks ... 14e76adce5

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

tiagoagueda added 1 commit 2026-10-21 09:38:22 +00:00

Merge remote-tracking branch 'origin/main' into HEAD 54e6de6972

tiagoagueda merged commit 38d7660fef into main 2026-10-21 18:36:15 +00:00

tiagoagueda referenced this pull request from a commit 2026-10-21 18:36:16 +00:00

Your details: a question mark beside the heading and on every section (#1014)

tiagoagueda deleted branch 918-details-help-marks 2026-10-21 18:36:18 +00:00

tiagoagueda referenced this pull request from a commit 2026-10-21 18:38:48 +00:00

Move virtualenv to 21.14.12, past its new advisories

tiagoagueda referenced this pull request 2026-10-21 18:38:51 +00:00

Move virtualenv to 21.14.12, past its new advisories #1030

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels   

accessibility

Usable by everyone, including people with disabilities: one of the project's stated missions

  

authentication

Signing in, and proving who you are

  

breaking change

Changes behaviour or data in a way operators must act on

  

bug

Something does not do what it says it does

  

documentation

The wiki, the docs, or the words in the interface

  

enhancement

An improvement or a new capability

  

interface

The shape of the pages: what is where, and how it reads

  

internationalisation

Languages, regions, and the formats and symbols that go with them

  

observability

What an operator can see about a running instance: metrics, logs, health

  

performance

Uses fewer resources, or is more reliable, with no loss of features or accessibility

  

security

Keeping the code and the data secure: one of the project's stated missions

  

tier

1

Easy: small, self-contained, no prerequisites

  

tier

2

High-severity security: account access, personal data, the boundaries

  

tier

3

Foundations: prerequisite work that unblocks other issues

  

tier/4

Later: large features and long-horizon work

No labels

accessibility

authentication

breaking change

bug

documentation

enhancement

interface

internationalisation

observability

performance

security

tier

1

tier

2

tier

3

tier/4

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

Postulo/postulo!1014

No description provided.