tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

backup-settings.css (1770B)


      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2 * License, v. 2.0. If a copy of the MPL was not distributed with this
      3 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
      4 
      5 @import url("chrome://global/skin/in-content/common.css");
      6 @import url("chrome://browser/content/backup/backup-common.css");
      7 
      8 :host {
      9  --margin-inline-start-checkbox-content: calc(var(--checkbox-margin-inline) + var(--checkbox-size));
     10  flex: 1;
     11 }
     12 
     13 .backup-dialog {
     14  overflow: visible;
     15 }
     16 
     17 #turn-on-scheduled-backups-dialog {
     18  width: 27.8rem;
     19 }
     20 
     21 #turn-off-scheduled-backups-dialog,
     22 #enable-backup-encryption-dialog,
     23 #disable-backup-encryption-dialog {
     24  width: 23.94rem;
     25 }
     26 
     27 #restore-from-backup-dialog {
     28  width: 29.27rem;
     29 }
     30 
     31 #backup-sensitive-data-checkbox {
     32  display: flex;
     33  flex-direction: column;
     34  flex: 1;
     35  row-gap: var(--space-xsmall);
     36 }
     37 
     38 #backup-sensitive-data-checkbox-label {
     39  display: flex;
     40  align-items: center;
     41 }
     42 
     43 #backup-sensitive-data-checkbox-description {
     44  margin-inline-start: var(--margin-inline-start-checkbox-content);
     45 }
     46 
     47 .backups-control {
     48  display: grid;
     49  grid-template-columns: 1fr auto auto;
     50  column-gap: var(--space-large);
     51  row-gap: var(--space-xsmall);
     52  align-items: center;
     53 
     54  moz-button {
     55    justify-self: end;
     56  }
     57 
     58  moz-button:last-of-type {
     59    grid-column: 3;
     60  }
     61 
     62  [id$="description"] {
     63    grid-column: 1 / -1;
     64  }
     65 }
     66 
     67 section {
     68  margin-block-start: 24px;
     69 }
     70 
     71 #last-backup-info {
     72  color: var(--text-color-deemphasized);
     73 }
     74 
     75 #last-backup-location-control,
     76 #last-backup-info > div {
     77  margin-block: 14px;
     78 }
     79 
     80 #last-backup-location-control {
     81  display: flex;
     82  align-items: center;
     83  gap: 10px;
     84  text-overflow: ellipsis ellipsis;
     85 }
     86 
     87 #backup-password-controls {
     88  display: flex;
     89  margin-block: var(--space-large);
     90 }