Your details: an icon on every entry of the section menu #920

Closed
opened 2026-10-15 17:19:41 +00:00 by tiagoagueda · 0 comments
Owner

On Your details, every entry in the section menu (the floating sidebar, "Parts of your details") has a Lucide icon before its name.

What exists today

  • accounts/views.py, _section_nav: each entry is built by entry(anchor, label, count) with "icon": "". No section has an icon.
  • templates/partials/sidebar.html already draws {% icon entry.icon class="size-4" %} when an entry has one (Settings' pages use it), and the anchors are drawn as vertical tabs (#870, nav[data-vertical-tabs]).
  • The sections: Your picture, (Your CV photo, which is on the page but missing from the menu; check), Your name, Personal details, Contact block, Messaging, one per link kind (block.block.legend: Social profiles, Code repositories, Websites), Telephone numbers, Postal addresses, Identifiers.

What would change

  • _section_nav gives each entry an icon. Suggestions, all in Lucide, to confirm when building: Your picture circle-user-round, Your CV photo camera, Your name id-card, Personal details user-round, Contact block contact, Messaging message-circle, Social profiles users, Code repositories git-branch (the kind's icon in core/link_services.py::KIND_ICONS), Websites globe (likewise), Telephone numbers phone, Postal addresses map-pin, Identifiers fingerprint. For the link kinds, use KIND_ICONS so the menu and the rows agree.
  • Every icon used is added to assets/icons.txt and synced (npm run sync:icons).
  • The icon is decorative (the sidebar already draws it beside the label). The entry's name does not change.
  • Optional: put the same icon before each card's heading so menu and card match. Not requested; decide when building.

To check

  • Your CV photo (#section-cv-photo) has no menu entry today. Add one while here, or say why not.
  • The horizontal strip on phones gets wider with icons, which matters for #929 (the section menu not showing on phones).

No new strings.

Related: #870, #871, #869.

Checked against main at 56fc9d531.

On *Your details*, every entry in the section menu (the floating sidebar, "Parts of your details") has a Lucide icon before its name. ## What exists today - `accounts/views.py`, `_section_nav`: each entry is built by `entry(anchor, label, count)` with `"icon": ""`. No section has an icon. - `templates/partials/sidebar.html` already draws `{% icon entry.icon class="size-4" %}` when an entry has one (Settings' pages use it), and the anchors are drawn as vertical tabs (#870, `nav[data-vertical-tabs]`). - The sections: Your picture, (Your CV photo, which is on the page but missing from the menu; check), Your name, Personal details, Contact block, Messaging, one per link kind (`block.block.legend`: Social profiles, Code repositories, Websites), Telephone numbers, Postal addresses, Identifiers. ## What would change - `_section_nav` gives each entry an icon. Suggestions, all in Lucide, to confirm when building: Your picture `circle-user-round`, Your CV photo `camera`, Your name `id-card`, Personal details `user-round`, Contact block `contact`, Messaging `message-circle`, Social profiles `users`, Code repositories `git-branch` (the kind's icon in `core/link_services.py::KIND_ICONS`), Websites `globe` (likewise), Telephone numbers `phone`, Postal addresses `map-pin`, Identifiers `fingerprint`. For the link kinds, use `KIND_ICONS` so the menu and the rows agree. - Every icon used is added to `assets/icons.txt` and synced (`npm run sync:icons`). - The icon is decorative (the sidebar already draws it beside the label). The entry's name does not change. - Optional: put the same icon before each card's heading so menu and card match. Not requested; decide when building. ## To check - *Your CV photo* (`#section-cv-photo`) has no menu entry today. Add one while here, or say why not. - The horizontal strip on phones gets wider with icons, which matters for #929 (the section menu not showing on phones). No new strings. Related: #870, #871, #869. Checked against `main` at `56fc9d531`.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
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#920
No description provided.