mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-03 01:38:46 +02:00
a39846bf34
backup-settings changes: - adds a new button in the Backup section of about:preferences / about:settings - shows the turn on dialog after pressing the button Turn on dialog behaviour (implemented): - pressing the cancel will close the dialog - pressing the confirm button will set the pref browser.backup.scheduled.enabled=true and close the dialog - pressing the passwords checkbox will show more options Turn on dialog behaviour (not implemented): - requiring a password for the backup (see Bug 1895981) - modifying the save location and showing a file picker (see Bug 1895943) Other changes: - tests for backup-settings and the turn on dialog - Storybook template for the turn on dialog Lo-fi Figma designs: https://www.figma.com/design/vNbX4c0ws0L1qr0mxpKvsW/Fx-Backup?node-id=147-4558&t=PYLY0QMN1n8GR9vW-0 Differential Revision: https://phabricator.services.mozilla.com/D209769
109 lines
2.4 KiB
CSS
109 lines
2.4 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");
|
|
|
|
:host {
|
|
--margin-inline-start-checkbox-content: calc(var(--checkbox-margin-inline) + var(--checkbox-size));
|
|
}
|
|
|
|
#backup-turn-on-scheduled-wrapper {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"header"
|
|
"content"
|
|
"button-group";
|
|
grid-template-rows: auto auto auto;
|
|
line-height: 1.5;
|
|
|
|
#backup-turn-on-scheduled-header {
|
|
grid-area: header;
|
|
font-size: var(--font-size-large);
|
|
font-weight: var(--font-weight);
|
|
margin: 0;
|
|
}
|
|
|
|
& fieldset {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#backup-turn-on-scheduled-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
grid-area: content;
|
|
margin-block-start: var(--space-small);
|
|
margin-block-end: var(--space-large);
|
|
row-gap: var(--space-large);
|
|
}
|
|
|
|
#all-controls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: var(--space-xlarge);
|
|
}
|
|
|
|
#backup-location-controls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: var(--space-xsmall);
|
|
|
|
#backup-location-filepicker {
|
|
display: flex;
|
|
column-gap: var(--space-small);
|
|
align-items: center;
|
|
}
|
|
|
|
#backup-location-filepicker-input {
|
|
margin: 0;
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
#sensitive-data-controls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: var(--space-large);
|
|
|
|
#sensitive-data-checkbox-label {
|
|
display: flex;
|
|
gap: var(--checkbox-margin-inline);
|
|
align-items: center;
|
|
}
|
|
|
|
#sensitive-data-checkbox-label > input {
|
|
margin: 0;
|
|
}
|
|
|
|
#sensitive-data-checkbox {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: var(--space-xsmall);
|
|
}
|
|
|
|
#sensitive-data-checkbox > span {
|
|
margin-inline-start: var(--margin-inline-start-checkbox-content);
|
|
}
|
|
}
|
|
|
|
#passwords {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-inline-start: var(--margin-inline-start-checkbox-content);
|
|
|
|
& > #new-password-label, #repeat-password-label {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
& > #new-password-label > input, #repeat-password-label > input {
|
|
margin-inline-start: 0px;
|
|
}
|
|
}
|
|
|
|
#backup-turn-on-scheduled-button-group {
|
|
grid-area: button-group;
|
|
}
|
|
}
|