LCARStrek/devtools/components-frame.css

   1 /* vim:set ts=2 sw=2 sts=2 et: */
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   4  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   5
   6 /**
   7  * Frame Component
   8  * Styles for React component at `devtools/client/shared/components/frame.js`
   9  */
  10
  11 .frame-link {
  12   margin-left: 7px;
  13   display: flex;
  14 }
  15
  16 .frame-link .frame-link-source {
  17   display: flex;
  18 }
  19 .frame-link a.frame-link-source {
  20   cursor: pointer;
  21   text-decoration: none;
  22 }
  23 .frame-link a.frame-link-source:hover {
  24   text-decoration: underline;
  25 }
  26
  27 .frame-link .frame-link-filename {
  28   color: var(--theme-highlight-blue);
  29   text-overflow: ellipsis;
  30   overflow: hidden;
  31   flex: 1;
  32   text-align: right;
  33   /* overrides styling some tools have with anchors */
  34   text-decoration: none;
  35   font-style: normal;
  36 }
  37
  38 .frame-link .frame-link-host {
  39   margin-inline-start: 5px;
  40   font-size: 90%;
  41   color: var(--theme-content-color2);
  42 }
  43
  44 .frame-link .frame-link-function-display-name {
  45   margin-inline-end: 5px;
  46 }
  47
  48 .frame-link .frame-link-column,
  49 .frame-link .frame-link-line,
  50 .frame-link .frame-link-colon {
  51   color: var(--theme-highlight-orange);
  52   display: block;
  53 }
  54
  55 .focused .frame-link .frame-link-filename,
  56 .focused .frame-link .frame-link-column,
  57 .focused .frame-link .frame-link-line,
  58 .focused .frame-link .frame-link-host,
  59 .focused .frame-link .frame-link-colon {
  60   color: var(--theme-selection-color);
  61 }