element-hq / element-hq/element-web
Promotion Dialogue
- Dominant language
- TypeScript
- Stars
- 13.5k
- Forks
- 2.8k
- PR merge metrics
- PR metrics pending
Description
### Your use case
#### What would you like to do?
- Remove the white fill from the secondary button: use outline button.
- **Enhance dialogue:**
> ### Warning!
> You are about to promote '@username' to your power level (*Role/PL*). You will not be able to undo this change.
Do you want to continue?"
#### Why would you like to do it?
- Using an outlined secondary button reduces its visual emphasis, allowing the primary button to stand out.
- Makes the confirmation message easier to read.
### Alternatives?
**These applies to both alternatives**
- Change "Continue" to "Promote".
- Remove the white fill from the secondary button: use outline button.
### 1.
> ### Warning!
> You are about to promote '@username' to your power level. You cannot undo this change.
### 2.
**(Prefer this one)*
> ### Promote to *'your power level'*?
> You are about to promote '@username' to your power level. You cannot undo this change.
### Additional context
Use the colour red in 'Warning' dialogues.
A neutral coloured warning dialogue looks strange.
Otherwise consider changing the heading e.g. Alternative 3.
Contributor guide
Research direction
Start by locating the promotion dialog implementation in the repository and identify its existing button and warning-dialog patterns. Update the secondary action to an outlined button, use the requested promotion wording, and apply the warning styling described in the issue; verify the dialog still presents the intended confirmation and irreversible-action message.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100