chore: gdpr features design groundwork
This commit is contained in:
1 parent
c6d49db95e
commit
bb191c389a
16 files changed
+798
-6
No files matched your search
@@ -157,3 +157,14 @@ Accessibility of the tri-state cell:
|
||||
| Announcement | Selected item is aria-checked="true". A polite live region announces changes: "Events, Update, set to Own." Disabled items are aria-disabled and described by the reason ("You can only grant what your role has."). |
|
||||
| Not by color alone | Selected segment: sand fill plus weight 600 plus a 2 px underline in --ui-primary. Locked: lock icon. Changed cell: square marker. Mixed: text badge. |
|
||||
| Targets | 26 px segments on desktop, 44 px on mobile. Focus: 2 px --ui-primary outline, offset 2 px. |
|
||||
|
||||
## Account (change email, export, delete)
|
||||
| Component | Status | Nuxt UI mapping | Where |
|
||||
|---|---|---|---|
|
||||
| EmailChangeForm | New | UFormField + UInput (email, password) + UButton, inside the Account UCard | Profile |
|
||||
| PendingEmailNotice | New | UAlert (info) + two UButton (outline) | Profile |
|
||||
| DataExportCard | New | UCard + UButton; notices as UAlert | Profile |
|
||||
| DangerZoneCard | New | UCard with border var(--ui-error), UButton color error | Profile |
|
||||
| DeleteAccountDialog | New | UModal (existing destructive ConfirmDialog shell) + UInput x2 + list + UAlert info + ULink | Profile |
|
||||
| BlockedDialog | New | UModal with dismissible false, no close button; UButton primary for the next step | Profile |
|
||||
Specs: field heights 40 (44 mobile), buttons 36 (44 mobile), card padding 16, section gap 16. Colors from tokens only. Destructive confirm is disabled at 40% opacity until valid. Implemented in AccountCards.dc.html and the AppFrame modal.
|
||||
Reference in new issue
Block a user