openedx / openedx/frontend-app-authoring
Standardize Edit Pencil Icon Behavior
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 17
- Forks
- 218
- Avg merge
- 9d 20h
- Merged PRs (30d)
- 20
Description
Description
The pencil icon is used on block headers to mean "rename block" or "open xblock editor" depending on the context.
| Outline Page | Local blocks/ editable library blocks | Un-editable library blocks |
|---|---|---|
Desired Behavior
We should standardize the button behavior and tooltip text:
- follow the behavior on the outline page: upon hover show a pencil icon with a tooltip "Rename" that is directly adjacent to the title
- For content blocks that are editable: edit icon persists on the right hand side as it currently does with a tooltip "Edit "
- For content blocks that are NOT editable: edit icon persists in an inactive state with tooltip "Cannot edit this block"
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the block header and outline-page components that render the pencil buttons, then inspect how editable and uneditable library blocks are distinguished. Compare the existing button placement and tooltip handling across those paths. Done means the outline action says "Rename," editable content blocks say "Edit ," and uneditable blocks show an inactive control saying "Cannot edit this block."
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100