Files
tubestation/browser/components/backup/content/backup-settings.css
kpatenio 8573fee2e6 Bug 1904973 - Encryption checkbox in settings page should be hidden when scheduled backups are disabled. r=backup-reviewers,mconley
Summary of updates:
- the "sensitive data" checkbox to toggle backup encryption is no longer displayed when a user turns off scheduled backups
- the "Change password" button, which only appears for encrypted backups, is now aligned with the checkbox + description to match the Figma spec
- once scheduled backups are turned off,  the latest backup file is deleted via the `BackupService.deleteLastBackup()` method

Tests
- moved browser tests related to the turn-off scheduled backups dialog from `backup_settings.js` to their own file `browser_settings_turn_off_scheduled_backups.js`
- updated some browser tasks testing add/change password to have scheduled backups enabled by default
- added a chrome test for the sensitive data checkbox's visibility whenever scheduled backups are toggled on or off

Depends on https://phabricator.services.mozilla.com/D215543

Differential Revision: https://phabricator.services.mozilla.com/D215826
2024-07-10 22:16:45 +00:00

72 lines
1.5 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
@import url("chrome://global/skin/in-content/common.css");
@import url("chrome://browser/content/backup/backup-common.css");
:host {
--margin-inline-start-checkbox-content: calc(var(--checkbox-margin-inline) + var(--checkbox-size));
flex: 1;
}
#turn-on-scheduled-backups-dialog {
width: 27.8rem;
}
#turn-off-scheduled-backups-dialog,
#enable-backup-encryption-dialog,
#disable-backup-encryption-dialog {
width: 23.94rem;
}
#restore-from-backup-dialog {
width: 29.27rem;
}
#backup-sensitive-data-checkbox {
display: flex;
flex-direction: column;
flex: 1;
row-gap: var(--space-xsmall);
}
#backup-sensitive-data-checkbox-label {
display: flex;
align-items: center;
}
#backup-sensitive-data-checkbox-description {
margin-inline-start: var(--margin-inline-start-checkbox-content);
}
#scheduled-backups-control {
display: flex;
}
#scheduled-backups-enabled {
flex: 1;
align-content: center;
}
#last-backup-info {
color: var(--text-color-deemphasized);
}
#last-backup-location-control,
#last-backup-info > div {
margin-block: 14px;
}
#last-backup-location-control {
display: flex;
align-items: center;
gap: 10px;
text-overflow: ellipsis ellipsis;
}
#backup-password-controls {
display: flex;
margin-block: var(--space-large);
}