tor-browser

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

addon-notification.css (3351B)

      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 http://mozilla.org/MPL/2.0/. */
      4 
      5 @namespace html url("http://www.w3.org/1999/xhtml");
      6 
      7 .popup-notification-body[popupid="addon-progress"],
      8 .popup-notification-body[popupid="addon-install-confirmation"] {
      9  width: 28em;
     10  max-width: 28em;
     11 }
     12 
     13 .addon-install-confirmation-name {
     14  font-weight: var(--font-weight-bold);
     15 }
     16 
     17 html|*.addon-webext-perm-list {
     18  margin-block: 0;
     19  padding-inline-start: 0;
     20 
     21  > html|li {
     22    list-style: none;
     23 
     24    &.webext-perm-granted {
     25      /* NOTE: Insert line breaks on long permission strings (or domain name
     26       * included in the localized string that ends up be overflowing */
     27      overflow-wrap: break-word;
     28      list-style-type: disc;
     29      /* Align the list with the rest of the page, and use `list-style-position:
     30       * outside` to keep long string correctly wrapped. */
     31      margin-inline-start: calc(1em + var(--space-xsmall));
     32    }
     33 
     34    /* Add some space between the list of permissions and the data collection
     35     * permissions since this is displayed as a single sentence. */
     36    & + &.webext-data-collection-perm-granted,
     37    & + &.webext-data-collection-perm-optional {
     38      margin-top: var(--space-medium);
     39    }
     40 
     41    /* Add some space between the list of permissions and the private browsing
     42     * checkbox. */
     43    &:not(.webext-data-collection-perm-optional) + &.webext-perm-privatebrowsing {
     44      margin-top: var(--space-medium);
     45    }
     46  }
     47 }
     48 
     49 html|ul.webext-perm-domains-list {
     50  --domains-list-border-color: var(--border-color-deemphasized);
     51  --domains-list-text-color: var(--text-color-deemphasized);
     52 
     53  border: var(--border-width) solid var(--domains-list-border-color);
     54  border-radius: var(--border-radius-small);
     55  margin-block: var(--space-small);
     56  margin-inline: calc(var(--size-item-small) + var(--space-small)) 0;
     57  padding-block: var(--space-xsmall);
     58  padding-inline: calc(var(--space-xlarge) + var(--space-xsmall));
     59 
     60  max-width: 80vw;
     61  overflow: auto;
     62 
     63  /* max-height is set when the domains list is longer than 5 domains
     64   * to force the domains list to become scrollable. */
     65  &.scrollable-domains-list {
     66    max-height: 5.5lh;
     67  }
     68 
     69  > html|li {
     70    list-style: disc;
     71    color: var(--domains-list-text-color);
     72    /* NOTE: Insert line breaks anywhere in long domain names that would be overflowing */
     73    overflow-wrap: anywhere;
     74  }
     75 }
     76 
     77 .addon-webext-perm-text {
     78  margin-inline-start: 0;
     79 }
     80 
     81 .addon-webext-perm-text-multiline {
     82  margin-top: 1em;
     83  white-space: pre-line;
     84 }
     85 
     86 .popup-notification-description[popupid="addon-webext-permissions"],
     87 .popup-notification-description[popupid="addon-webext-permissions-notification"] {
     88  margin-inline-start: -1px;
     89 }
     90 
     91 .popup-notification-description[popupid="addon-install-failed-blocklist"] {
     92  font-weight: normal;
     93 }
     94 
     95 .addon-webext-perm-notification-content,
     96 .addon-installed-notification-content {
     97  margin-top: 0;
     98 }
     99 
    100 .addon-webext-perm-notification-content {
    101  moz-checkbox {
    102    margin-block: var(--space-small);
    103  }
    104 
    105  > h2 {
    106    margin-block-end: var(--space-xsmall);
    107  }
    108 }
    109 
    110 .addon-webext-name {
    111  display: inline;
    112  font-weight: var(--font-weight-bold);
    113  margin: 0;
    114 }
    115 
    116 .addon-warning-icon {
    117  -moz-context-properties: fill;
    118  fill: #ffbf00;
    119 }