tor-browser

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

turn-on-scheduled-backups.css (4076B)

      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  --font-size-heading: 17px;
     11  --font-size-sub-heading: 15px;
     12  --font-weight-label: normal;
     13  --font-size-label: 14px;
     14  --padding-block-wrapper: 20px;
     15  --margin-block-start-file-picker: 18px;
     16  --gap-button-group: 12px;
     17 }
     18 
     19 #backup-turn-on-scheduled-wrapper {
     20  display: grid;
     21  grid-template-areas:
     22    "header"
     23    "content"
     24    "button-group";
     25  grid-template-rows: auto auto auto;
     26 
     27  #backup-turn-on-scheduled-header {
     28    grid-area: header;
     29    margin: 0;
     30  }
     31 
     32  & fieldset {
     33    border: none;
     34    margin: 0;
     35    padding: 0;
     36  }
     37 
     38  #backup-turn-on-scheduled-content {
     39    display: flex;
     40    flex-direction: column;
     41    grid-area: content;
     42    margin-block-start: var(--space-small);
     43    margin-block-end: var(--space-large);
     44    row-gap: var(--space-large);
     45  }
     46 
     47  #all-controls {
     48    display: flex;
     49    flex-direction: column;
     50    row-gap: var(--space-xlarge);
     51  }
     52 
     53  #backup-location-controls {
     54    display: flex;
     55    flex-direction: column;
     56    row-gap: var(--space-xsmall);
     57 
     58    #backup-location-filepicker {
     59      display: flex;
     60      column-gap: var(--space-small);
     61      align-items: center;
     62    }
     63  }
     64 
     65  #sensitive-data-controls {
     66    display: flex;
     67    flex-direction: column;
     68    row-gap: var(--space-large);
     69 
     70    #sensitive-data-checkbox-label {
     71      display: flex;
     72      gap: var(--checkbox-margin-inline);
     73      align-items: center;
     74    }
     75 
     76    #sensitive-data-checkbox-label > input {
     77      margin: 0;
     78    }
     79 
     80    #sensitive-data-checkbox {
     81      display: flex;
     82      flex-direction: column;
     83      row-gap: var(--space-xsmall);
     84    }
     85 
     86    #sensitive-data-checkbox > span {
     87      margin-inline-start: var(--margin-inline-start-checkbox-content);
     88    }
     89  }
     90 
     91  #passwords {
     92    margin-inline: var(--margin-inline-start-checkbox-content);
     93  }
     94 
     95  #backup-turn-on-scheduled-button-group {
     96    grid-area: button-group;
     97  }
     98 }
     99 
    100 :host([hide-password-input]) #backup-turn-on-scheduled-wrapper #sensitive-data-controls {
    101  display: none;
    102 }
    103 
    104 :host([hide-file-path-chooser]) #backup-turn-on-scheduled-wrapper #backup-location-controls {
    105  display: none;
    106 }
    107 
    108 :host([hide-file-path-chooser]) #backup-turn-on-scheduled-wrapper #sensitive-data-controls #sensitive-data-checkbox {
    109  display: none;
    110 }
    111 
    112 :host([hide-file-path-chooser]) #backup-turn-on-scheduled-wrapper #backup-turn-on-scheduled-header {
    113  display: none;
    114 }
    115 
    116 :host([hide-buttons]) #backup-turn-on-scheduled-wrapper #backup-turn-on-scheduled-button-group {
    117  display: none;
    118 }
    119 
    120 :host([hide-secondary-button]) #backup-turn-on-scheduled-wrapper #backup-turn-on-scheduled-cancel-button {
    121  display: none;
    122 }
    123 
    124 :host([hide-headers]) #backup-turn-on-scheduled-description {
    125  display: none;
    126 }
    127 
    128 :host([embedded-fx-backup-opt-in]) {
    129  #backup-turn-on-scheduled-wrapper {
    130    width: 500px;
    131    margin-inline: auto;
    132    padding-block: var(--padding-block-wrapper);
    133    overflow: hidden;
    134 
    135    #backup-location-controls #backup-location-filepicker {
    136      margin-block-start: var(--margin-block-start-file-picker);
    137    }
    138 
    139    #backup-turn-on-scheduled-header {
    140      font-weight: var(--heading-font-weight);
    141      font-size: var(--font-size-heading);
    142      text-align: start;
    143    }
    144 
    145    #backup-location-label {
    146      font-size: var(--font-size-label);
    147      text-align: start;
    148      font-weight: var(--font-weight-label);
    149    }
    150  }
    151 }
    152 
    153 :host([embedded-fx-backup-opt-in]:not([hide-buttons])) {
    154  #backup-turn-on-scheduled-wrapper {
    155    #backup-turn-on-scheduled-button-group {
    156      display: flex;
    157      flex-direction: column-reverse;
    158      align-items: center;
    159      gap: var(--gap-button-group);
    160 
    161      #backup-turn-on-scheduled-confirm-button {
    162        margin: 0;
    163      }
    164    }
    165  }
    166 }