Editing character is not discoverable — no visual affordances on clickable cards #143

New Issue

2026-04-06T16:38:30+02:00

shahondin1624 commented

2026-04-06 16:38:30 +02:00

Description

Character editing is done by clicking directly on cards (attributes, talents, character header), but there are no visual cues indicating that cards are interactive. No edit icons, tooltips, or "Edit" buttons exist. Users must discover the click-to-edit pattern through trial and error.

Current Behavior

Component	Clickable	Visual Hint
Attribute card	Yes → opens edit dialog	None (only subtle elevation change on press)
Talent card	Yes → opens edit dialog	None
Character header	Yes → opens full edit dialog	None
Resource items (Karma, Nuyen, Essence)	No — read only on overview	None (confusingly similar appearance to editable cards)

The only feedback is a card elevation change from 2dp to 6dp on press, which is not a standard affordance for "this is editable."

Additionally, resource values (Karma, Nuyen, Essence) can only be edited through the character header dialog, which is unintuitive.

Files

sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/attributespage/Attribute.kt (line 47-50)
sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/attributespage/Talent.kt (line 53-56)
sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/CharacterHeader.kt (line 35)
sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/ResourcePanel.kt

Expected Behavior

Clickable cards should have a visible edit affordance (pencil icon, "tap to edit" hint, or edit button)
First-time users should be able to discover editing without external documentation
Resource values should be directly editable or clearly indicate how to edit them

Acceptance Criteria

Attribute and Talent cards show a visible edit icon (e.g., small pencil icon)
Character header card has an edit affordance
Resource items either become directly editable or show a hint pointing to the header dialog
Visual feedback on hover/focus for desktop and web targets
A first-time user can discover how to edit without documentation

## Description Character editing is done by clicking directly on cards (attributes, talents, character header), but there are no visual cues indicating that cards are interactive. No edit icons, tooltips, or "Edit" buttons exist. Users must discover the click-to-edit pattern through trial and error. ## Current Behavior | Component | Clickable | Visual Hint | |-----------|-----------|-------------| | Attribute card | Yes → opens edit dialog | None (only subtle elevation change on press) | | Talent card | Yes → opens edit dialog | None | | Character header | Yes → opens full edit dialog | None | | Resource items (Karma, Nuyen, Essence) | No — read only on overview | None (confusingly similar appearance to editable cards) | The only feedback is a card elevation change from 2dp to 6dp on press, which is not a standard affordance for "this is editable." Additionally, resource values (Karma, Nuyen, Essence) can only be edited through the character header dialog, which is unintuitive. ## Files - `sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/attributespage/Attribute.kt` (line 47-50) - `sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/attributespage/Talent.kt` (line 53-56) - `sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/CharacterHeader.kt` (line 35) - `sharedUI/src/commonMain/kotlin/org/shahondin1624/lib/components/charactermodel/ResourcePanel.kt` ## Expected Behavior - Clickable cards should have a visible edit affordance (pencil icon, "tap to edit" hint, or edit button) - First-time users should be able to discover editing without external documentation - Resource values should be directly editable or clearly indicate how to edit them ## Acceptance Criteria - [ ] Attribute and Talent cards show a visible edit icon (e.g., small pencil icon) - [ ] Character header card has an edit affordance - [ ] Resource items either become directly editable or show a hint pointing to the header dialog - [ ] Visual feedback on hover/focus for desktop and web targets - [ ] A first-time user can discover how to edit without documentation

shahondin1624 added the type:usability priority:must-have labels 2026-04-06 16:38:30 +02:00

shahondin1624 referenced this issue from a commit

2026-04-06 17:43:15 +02:00

feat: add visible edit affordances to clickable cards (Closes #143)

shahondin1624 referenced a pull request that will close this issue

2026-04-06 17:43:25 +02:00

feat: add visible edit affordances to clickable cards (Closes #143) #145

shahondin1624 closed this issue

2026-04-06 17:43:32 +02:00

shahondin1624 referenced this issue from a commit

2026-04-06 17:43:33 +02:00

feat: add visible edit affordances to clickable cards (Closes #143) (#145)