tor-browser

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

Footer.css (2912B)

      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 .source-footer {
      6  background: var(--theme-body-background);
      7  border-top: 1px solid var(--theme-splitter-color);
      8  grid-area: editor-footer;
      9  display: flex;
     10  opacity: 1;
     11  width: calc(100% - 1px);
     12  user-select: none;
     13  height: var(--editor-footer-height);
     14  box-sizing: border-box;
     15 }
     16 
     17 .source-footer button {
     18  outline-offset: -2px;
     19 }
     20 
     21 .source-footer-start {
     22  display: flex;
     23  align-items: center;
     24  justify-self: start;
     25 }
     26 
     27 .source-footer-end {
     28  display: flex;
     29  margin-left: auto;
     30 }
     31 
     32 .source-footer .commands * {
     33  user-select: none;
     34 }
     35 
     36 .source-footer .commands {
     37  display: flex;
     38 }
     39 
     40 .source-footer .commands .action {
     41  display: flex;
     42  justify-content: center;
     43  align-items: center;
     44  transition: opacity 200ms;
     45  border: none;
     46  background: transparent;
     47  padding: 4px 6px;
     48 }
     49 
     50 .source-footer .commands button.action:hover {
     51  background: var(--theme-toolbar-background-hover);
     52 }
     53 
     54 :root.theme-dark .source-footer .commands .action {
     55  fill: var(--theme-body-color);
     56 }
     57 
     58 :root.theme-dark .source-footer .commands .action:hover {
     59  fill: var(--theme-selection-color);
     60 }
     61 
     62 .source-footer .blackboxed .dbg-img.dbg-img-blackBox {
     63  background-color: #806414;
     64 }
     65 
     66 .source-footer .commands button.prettyPrint:disabled {
     67  opacity: 0.6;
     68 }
     69 
     70 .source-footer .commands button.prettyPrint.pretty span {
     71  fill: var(--theme-icon-checked-color);
     72  stroke: var(--theme-icon-checked-color);
     73 }
     74 
     75 .devtools-button.debugger-source-map-button {
     76  display: inline-flex;
     77  align-items: center;
     78  margin: 0;
     79  --menuitem-icon-image: url("chrome://devtools/content/debugger/images/sourcemap.svg");
     80 
     81  &.not-mapped {
     82    --icon-color: var(--theme-icon-dimmed-color);
     83  }
     84 
     85  &.original {
     86    --icon-color: var(--theme-icon-checked-color);
     87    --menuitem-icon-image: url("chrome://devtools/content/debugger/images/sourcemap-active.svg");
     88  }
     89 
     90  &.error {
     91    --icon-color: var(--theme-icon-warning-color);
     92  }
     93 
     94  &.disabled {
     95    --icon-color: var(--theme-icon-dimmed-color);
     96    --menuitem-icon-image: url("chrome://devtools/content/debugger/images/sourcemap-disabled.svg");
     97  }
     98 
     99  &.loading {
    100    --menuitem-icon-image: url("chrome://devtools/content/debugger/images/loader.svg");
    101  }
    102 
    103  &::before {
    104    /* override default style to have similar left and right margins */
    105    margin-inline-end: 3px;
    106    color: var(--icon-color, currentColor);
    107  }
    108 
    109  &.loading::before {
    110    animation: spin 2s linear infinite;
    111  }
    112 }
    113 
    114 .source-footer .mapped-source,
    115 .source-footer .cursor-position {
    116  color: var(--theme-body-color);
    117  padding-right: 2.5px;
    118 }
    119 
    120 .source-footer .mapped-source {
    121  white-space: nowrap;
    122  overflow: hidden;
    123  text-overflow: ellipsis;
    124 }
    125 
    126 .source-footer .cursor-position {
    127  padding: 5px;
    128  white-space: nowrap;
    129 }