feat(ui): SFTP key file upload + msbackup modal padding frame #222

Merged

jmiller merged 1 commits from fix/modal-msbackup-class into dev 2026-07-06 00:04:48 +00:00

Conversation 0 Commits 1 Files Changed 3

+51 -14

jmiller commented 2026-07-06 00:04:26 +00:00

Owner

Copy Link

Copy Source

Targeting dev. Two modal tweaks:

1. Upload SSH key file — the SFTP key field now has a file input; selecting a key file reads it into the key textarea client-side (FileReader), so no copy/paste needed. Pasting still works, and leaving it blank keeps the existing key. The existing save path (sends the key text) is unchanged.
2. msbackup padding frame — the modal felt cramped because Bootstrap's .modal-content has no padding of its own. Added a msbackup class to .modal-content with a 1rem frame, scoped in the WAM stylesheet (media/com_mokosuitebackup/css/admin.css), with the inner header/body/footer aligned to it (no double horizontal padding).

php -l clean.

https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i

Targeting **dev**. Two modal tweaks: 1. **Upload SSH key file** — the SFTP key field now has a file input; selecting a key file reads it into the key textarea client-side (`FileReader`), so no copy/paste needed. Pasting still works, and leaving it blank keeps the existing key. The existing save path (sends the key text) is unchanged. 2. **`msbackup` padding frame** — the modal felt cramped because Bootstrap's `.modal-content` has no padding of its own. Added a `msbackup` class to `.modal-content` with a **1rem** frame, scoped in the WAM stylesheet (`media/com_mokosuitebackup/css/admin.css`), with the inner header/body/footer aligned to it (no double horizontal padding). `php -l` clean. https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i

jmiller added 1 commit 2026-07-06 00:04:28 +00:00

feat(ui): SFTP key file upload; msbackup modal padding frame ... 1ab99daaba

- Add/Edit Destination modal: SFTP key can now be UPLOADED as a file (read into
  the key textarea client-side via FileReader) instead of copy/paste; pasting
  still works.
- Give .modal-content a "msbackup" class with a 1rem padding frame — Bootstrap's
  .modal-content has no padding of its own, which made the modal feel cramped.
  Styling lives in the WAM stylesheet (media/.../admin.css), scoped to .msbackup.

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

jmiller merged commit 662918db38 into dev 2026-07-06 00:04:48 +00:00

jmiller deleted branch fix/modal-msbackup-class 2026-07-06 00:04:52 +00:00

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

Clear labels

component: admin

Admin UI and views

component: api

REST API

component: engine

Backup/restore engine

component: remote

Remote storage (FTP/GDrive)

component: scheduler

Scheduled tasks

bug

Something is not working

duplicate

This issue or pull request already exists

enhancement

New feature

help wanted

Need some help

invalid

Something is wrong

question

More information is needed

wontfix

This won't be fixed

No labels

Priority -

Type -

Milestone

No items

No Milestone

Assignees

Clear assignees

jmiller (Jonathan Miller)

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteBackup#222