tor-browser

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

storage.css (3078B)

      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 /*
      6 * Global styles
      7 */
      8 a {
      9  color: var(--theme-link-color);
     10  text-decoration: none;
     11  cursor: pointer;
     12 }
     13 
     14 /* Storage Host Tree */
     15 
     16 #storage-tree {
     17  min-width: 220px;
     18  max-width: 500px;
     19  overflow: auto;
     20  min-height: 0;
     21  background: var(--theme-sidebar-background);
     22  /* Let the component gain focus when a click hits an empty area */
     23  -moz-user-focus: normal;
     24 }
     25 
     26 #storage-tree:focus {
     27  outline: 0;
     28 }
     29 
     30 /* Storage Table */
     31 
     32 /* Let the component gain focus when a click hits an empty area */
     33 #storage-table {
     34  display: flex;
     35  justify-content: center;
     36  align-items: center;
     37  -moz-user-focus: normal;
     38 }
     39 
     40 #storage-table:focus {
     41  outline: 0;
     42 }
     43 
     44 .table-widget-cell {
     45  /* The minimum column width needs to be determined by the header width */
     46  min-width: unset;
     47  outline-offset: -2px;
     48 }
     49 
     50 .table-widget-column {
     51  flex-grow: 1;
     52 }
     53 
     54 /* Set minimum column widths */
     55 
     56 #name {
     57  min-width: 65px;
     58 }
     59 
     60 #host {
     61  min-width: 80px;
     62 }
     63 
     64 #path {
     65  min-width: 60px;
     66 }
     67 
     68 #value {
     69  min-width: 95px;
     70  /* Prevent all columns except for value from shrinking with the panel */
     71  flex-shrink: 1;
     72 }
     73 
     74 #hostOnly,
     75 #isHttpOnly,
     76 #sameSite,
     77 #partitioned {
     78  min-width: 58px;
     79 }
     80 
     81 #size,
     82 #isSecure {
     83  min-width: 48px;
     84 }
     85 
     86 #expires,
     87 #lastAccessed,
     88 #updateTime,
     89 #creationTime {
     90  min-width: 115px;
     91 }
     92 
     93 /* Text input in storage table */
     94 #storage-table input {
     95  appearance: none;
     96  flex: 1;
     97  /* make sure the outline is not cut off */
     98  position: relative;
     99  box-sizing: border-box;
    100  padding: 0 2px;
    101  font: inherit;
    102  color: var(--theme-text-color-strong);
    103  background-color: var(--theme-body-background);
    104 }
    105 
    106 #storage-table input:focus {
    107  outline: 1px solid var(--blue-50);
    108 }
    109 
    110 /* Variables View Sidebar */
    111 
    112 #storage-sidebar {
    113  max-width: 500px;
    114  min-width: 250px;
    115 }
    116 
    117 #storage-sidebar .devtools-toolbar {
    118  padding-inline: 0;
    119 }
    120 
    121 /* Toolbar */
    122 
    123 /*
    124  .devtools-input-toolbar forces display: flex; which does not work
    125  properly with XUL. Force XUL flexbox instead.
    126 */
    127 #storage-toolbar {
    128  display: flex;
    129 }
    130 
    131 #storage-searchbox {
    132  flex: 1;
    133  margin-inline-start: -3px;
    134  margin-inline-end: 1px;
    135  outline-offset: -2px;
    136 }
    137 
    138 #storage-toolbar .add-button::before {
    139  background-image: url("chrome://devtools/skin/images/add.svg");
    140  -moz-user-focus: normal;
    141 }
    142 
    143 #storage-toolbar .refresh-button::before {
    144  background-image: url("chrome://devtools/skin/images/reload.svg");
    145  -moz-user-focus: normal;
    146 }
    147 
    148 #storage-toolbar .devtools-button {
    149  min-width: 0;
    150 }
    151 
    152 #storage-toolbar .devtools-button hbox,
    153 #storage-toolbar .sidebar-toggle[hidden] {
    154  display: none;
    155 }
    156 
    157 /* Responsive sidebar */
    158 @media (width < 700px) {
    159  #storage-tree,
    160  #storage-sidebar {
    161    max-width: none;
    162    /* Override potential splitter-set width */
    163    width: auto !important;
    164  }
    165 }
    166 
    167 @media (width >= 700px) {
    168  #storage-tree,
    169  #storage-sidebar {
    170    /* Override potential splitter-set height */
    171    height: auto !important;
    172  }
    173 }