feat(ui): unify backup/restore progress modals with the runbackup theme #281

Merged

jmiller merged 2 commits from feat/unified-progress-theme into dev

2026-07-16 14:25:28 +00:00

jmiller commented

2026-07-16 13:44:55 +00:00

Owner

Applies the full-screen black / big-text / animated-bar look of the view=runbackup screen to the two progress modals in the backups view (stepped backup-progress and restore-progress), so backup progress theming matches across the system.

New media/css/backup-progress.css — black scoped to .msb-progress-modal (not html/body, so the list page behind is unaffected until a modal opens); reuses the runbackup .msb-rb-progress/.msb-rb-bar bar with animated/success/danger states and Atum accent colours.
Registered com_mokosuitebackup.backup-progress asset; loaded via addStyleSheet (useStyle doesn't emit for this component).
Both modals converted to full-screen dialog + big heading + big status text + shared bar; setBarState() drives animated → green(complete)/red(fail).
runbackup screen left untouched (no regression to the screen it mirrors).

https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i

Applies the full-screen black / big-text / animated-bar look of the view=runbackup screen to the two progress modals in the backups view (stepped **backup-progress** and **restore-progress**), so backup progress theming matches across the system. - New `media/css/backup-progress.css` — black scoped to `.msb-progress-modal` (not html/body, so the list page behind is unaffected until a modal opens); reuses the runbackup `.msb-rb-progress`/`.msb-rb-bar` bar with animated/success/danger states and Atum accent colours. - Registered `com_mokosuitebackup.backup-progress` asset; loaded via `addStyleSheet` (useStyle doesn't emit for this component). - Both modals converted to full-screen dialog + big heading + big status text + shared bar; `setBarState()` drives animated → green(complete)/red(fail). - runbackup screen left untouched (no regression to the screen it mirrors). https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i

jmiller added 2 commits 2026-07-16 14:25:12 +00:00

feat(ui): unify backup/restore progress modals with the runbackup theme 15992574c3

Gives the stepped backup-progress and restore-progress modals in the
backups view the same full-screen black, big-text, Atum-coloured
progress-bar look as the view=runbackup screen, so every backup progress
surface matches.

- New media/css/backup-progress.css: black is scoped to .msb-progress-modal
  (not html/body), reuses the runbackup .msb-rb-progress/.msb-rb-bar bar with
  animated/success/danger states.
- Registered com_mokosuitebackup.backup-progress asset; loaded in the backups
  view via addStyleSheet (useStyle does not emit for this component).
- Both modals: full-screen dialog, big heading, big status text, shared bar.
- setBarState() drives animated -> green(complete)/red(fail) for both bars.

Claude-Session: https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i

docs(changelog): note unified backup/restore progress theming 57d94b701b

Claude-Session: https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i

jmiller force-pushed feat/unified-progress-theme from b228b53646 to 57d94b701b

2026-07-16 14:25:12 +00:00

Compare

jmiller merged commit 2eeb9343b3 into dev

2026-07-16 14:25:28 +00:00

jmiller deleted branch feat/unified-progress-theme

2026-07-16 14:25:28 +00:00

jmiller referenced this pull request

2026-07-16 14:35:41 +00:00

Release: dev → main — schema-checker fix + unified progress theme #282

Priority -

Type -

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteBackup#281