tor-browser

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

editBookmarkPanel.css (3925B)

      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 #editBookmarkPanel > .panel-subview-body {
      8  padding-bottom: 0;
      9 }
     10 
     11 #editBMPanel_newFolderButton {
     12  appearance: none;
     13  margin: 0;
     14  border: var(--button-border);
     15  border-radius: var(--button-border-radius);
     16  background-color: var(--button-background-color);
     17  color: var(--button-text-color);
     18  font-weight: var(--font-weight-semibold);
     19  min-width: 0;
     20  padding: 8px 16px;
     21 
     22  /* This button is deeper in the visual hierarchy than others (notably the
     23     buttons at the bottom of the panel), so it should be slightly smaller. */
     24  font-size: 90%;
     25 
     26  &:hover {
     27    background-color: var(--button-background-color-hover);
     28    border-color: var(--button-border-color-hover);
     29    color: var(--button-text-color-hover);
     30  }
     31 
     32  &:hover:active {
     33    background-color: var(--button-background-color-active);
     34    border-color: var(--button-border-color-active);
     35    color: var(--button-text-color-active);
     36  }
     37 }
     38 
     39 #editBookmarkPanel > #editBookmarkHeaderSeparator {
     40  margin-bottom: 0;
     41  margin-inline: 16px;
     42 }
     43 
     44 #editBookmarkPanel {
     45  font: caption;
     46 }
     47 
     48 #editBookmarkPanelContent > label:not(.editBMPanel_nameRow) {
     49  padding-top: var(--arrowpanel-padding);
     50 }
     51 
     52 #editBookmarkPanelContent > #editBMPanel_folderTreeRow,
     53 #editBookmarkPanelContent > #editBMPanel_folderTreeRow > #editBMPanel_newFolderBox,
     54 #editBookmarkPanelContent > #editBMPanel_tagsSelectorRow {
     55  padding-top: 4px;
     56 }
     57 
     58 #editBookmarkPanelContent label[control] {
     59  margin: 0;
     60  margin-bottom: 4px;
     61 }
     62 
     63 #editBookmarkPanel .caption-label {
     64  display: none;
     65 }
     66 
     67 #editBookmarkPanelContent {
     68  padding: 0.8em var(--arrowpanel-padding) var(--arrowpanel-padding);
     69 }
     70 
     71 #editBMPanel_selectionCount {
     72  padding-top: 0.8em;
     73 }
     74 
     75 #editBookmarkPanelBottomContent {
     76  padding: 0 var(--arrowpanel-padding) calc(var(--arrowpanel-padding) / 2);
     77 }
     78 
     79 #editBookmarkPanelBottomContent > checkbox {
     80  margin-inline-start: 0;
     81 }
     82 
     83 #editBookmarkPanel_showForNewBookmarks > .checkbox-label-box > .checkbox-label {
     84  opacity: 0.7;
     85 }
     86 
     87 #editBookmarkPanel .expander-up > .button-box > .button-text,
     88 #editBookmarkPanel .expander-down > .button-box > .button-text {
     89  display: none;
     90 }
     91 
     92 #editBookmarkPanel .expander-up,
     93 #editBookmarkPanel .expander-down {
     94  appearance: none; /* override button.css */
     95  -moz-context-properties: fill;
     96  fill: currentColor;
     97  margin: 0;
     98  margin-inline-start: 4px;
     99  min-width: 32px;
    100  min-height: 32px;
    101  color: var(--button-text-color);
    102  background-color: var(--button-background-color);
    103  border: var(--button-border);
    104  border-radius: var(--button-border-radius);
    105 
    106  &:hover {
    107    background-color: var(--button-background-color-hover);
    108    border-color: var(--button-border-color-hover);
    109    color: var(--button-text-color-hover);
    110  }
    111 
    112  &:hover:active {
    113    background-color: var(--button-background-color-active);
    114    border-color: var(--button-border-color-active);
    115    color: var(--button-text-color-active);
    116  }
    117 }
    118 
    119 #editBookmarkPanel .expander-up {
    120  list-style-image: url("chrome://global/skin/icons/arrow-up.svg");
    121 }
    122 
    123 #editBookmarkPanel .expander-down {
    124  list-style-image: url("chrome://global/skin/icons/arrow-down.svg");
    125 }
    126 
    127 #editBMPanel_folderMenuList {
    128  margin: 0;
    129 }
    130 
    131 /* Focus outlines */
    132 
    133 #editBookmarkPanel .expander-up:focus-visible,
    134 #editBookmarkPanel .expander-down:focus-visible,
    135 #editBMPanel_newFolderButton:focus-visible {
    136  outline: var(--focus-outline);
    137  outline-offset: var(--focus-outline-offset);
    138 }
    139 
    140 #editBMPanel_folderTree:focus-visible,
    141 #editBMPanel_tagsSelector:focus-visible,
    142 #editBookmarkPanelContent > html|input:focus-visible,
    143 #editBookmarkPanelContent > hbox > html|input:focus-visible {
    144  border-color: transparent;
    145  outline: var(--focus-outline);
    146  outline-offset: -1px;
    147 }