Commit | Line | Data |
---|---|---|
7d6161c5 RK |
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); | |
1e9e1791 | 52 | /* display: block;*/ |
7d6161c5 RK |
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 | } |