tor-browser

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

messages.css (3729B)

      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 /* Scroll to bottom */
      6 
      7 #messages-view .uncontrolled {
      8  flex-direction: column;
      9 }
     10 
     11 #messages-view .message-list-scroll-anchor {
     12  /* anchor nodes are required to have non-zero area */
     13  min-height: 1px;
     14  margin: 0;
     15  padding: 0;
     16  border: none;
     17 }
     18 
     19 /* Empty notice */
     20 
     21 #messages-view .message-list-empty-notice {
     22  width: 100%;
     23 }
     24 
     25 /* Frame type icon in the Time column */
     26 
     27 #messages-view .message-list-type-icon {
     28  display: inline-block;
     29  /* align bottom of image 4px below the text baseline
     30     this tends to give a better result than "middle" */
     31  vertical-align: -4px;
     32  -moz-context-properties: fill;
     33  fill: currentColor;
     34 }
     35 
     36 #messages-view .message-list-type-icon-sent {
     37  color: var(--green-70);
     38 }
     39 
     40 #messages-view .theme-dark .message-list-type-icon-sent {
     41  color: var(--green-50);
     42 }
     43 
     44 #messages-view .message-list-type-icon-received {
     45  color: var(--red-60);
     46  transform: scaleY(-1);
     47 }
     48 
     49 #messages-view .theme-dark .message-list-type-icon-received {
     50  color: var(--red-40);
     51 }
     52 
     53 #messages-view .message-list-item.selected .message-list-type-icon {
     54  color: inherit;
     55 }
     56 
     57 #messages-view .msg-connection-closed-message {
     58  text-align: center;
     59 }
     60 
     61 /* Use lining numbers so that seconds and milliseconds align */
     62 
     63 #messages-view .message-list-time {
     64  font-variant-numeric: tabular-nums;
     65 }
     66 
     67 /* Styles related to the data items in the MessagePayload component */
     68 
     69 #messages-view .message-payload {
     70  width: 100%;
     71  display: flex;
     72  flex-direction: column;
     73 }
     74 
     75 #messages-view .message-rawData-payload {
     76  display: block;
     77  width: 100%;
     78  height: 100%;
     79  overflow: auto;
     80  white-space: pre;
     81  padding: 4px 8px;
     82  padding-inline-start: 20px;
     83  border: none;
     84  font-family: var(--monospace-font-family);
     85  font-size: var(--theme-code-font-size);
     86  line-height: calc(15 / 11);
     87  direction: ltr;
     88  text-align: left;
     89  resize: none;
     90  color: var(--theme-body-color);
     91  background-color: var(--theme-sidebar-background);
     92 }
     93 
     94 /* Styles related to JSONPreview */
     95 
     96 #messages-view .treeTable .objectBox {
     97  white-space: normal;
     98  overflow-wrap: break-word;
     99 }
    100 
    101 /* Styles related to truncated data */
    102 
    103 .theme-light #messages-view .truncated-data-message {
    104  background: var(--grey-20);
    105 }
    106 
    107 .theme-dark #messages-view .truncated-data-message {
    108  background: var(--grey-70);
    109 }
    110 
    111 .truncated-data-message {
    112  border-bottom: 1px solid var(--theme-splitter-color);
    113  padding: 4px 8px;
    114  font-size: 12px;
    115 }
    116 
    117 /* Styles related to truncated messages */
    118 
    119 .theme-light #messages-view .truncated-messages-header {
    120  background: var(--grey-20);
    121 }
    122 
    123 .theme-dark #messages-view .truncated-messages-header {
    124  background: var(--grey-70);
    125 }
    126 
    127 .theme-dark #messages-view .truncated-messages-warning-icon {
    128  fill: var(--grey-40);
    129 }
    130 
    131 #messages-view .truncated-messages-cell {
    132  padding: 0; /* reset td default padding */
    133 }
    134 
    135 #messages-view .truncated-messages-header {
    136  border-bottom: 1px solid var(--theme-splitter-color);
    137  padding: 2px 8px;
    138  display: flex;
    139  justify-content: space-between;
    140  align-items: center;
    141 }
    142 
    143 #messages-view .truncated-messages-container,
    144 #messages-view .truncated-messages-checkbox-label {
    145  display: flex;
    146  align-items: center;
    147 }
    148 
    149 #messages-view .truncated-messages-warning-icon {
    150  width: 16px;
    151  height: 16px;
    152  margin-inline-end: 5px;
    153  background-image: url(chrome://devtools/skin/images/info.svg);
    154  background-repeat: no-repeat;
    155  -moz-context-properties: fill;
    156  fill: inherit;
    157 }
    158 
    159 #messages-view .truncation-checkbox {
    160  margin-inline-end: 5px;
    161 }
    162 
    163 #messages-view .truncated-message {
    164  font-variant-numeric: tabular-nums;
    165 }