| /* |
| * Copyright 2016 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. |
| */ |
| |
| .blackboxed-message { |
| text-align: center; |
| font-style: italic; |
| padding: 4px; |
| color: #888; |
| background-color: #FFFFC2; |
| } |
| |
| .blackboxed-message > .link { |
| margin-left: 5px; |
| } |
| |
| .show-more-message { |
| text-align: center; |
| font-style: italic; |
| padding: 4px; |
| border-top: 1px solid #d8d8d8; |
| } |
| |
| .show-more-message > .link { |
| margin-left: 5px; |
| } |
| |
| .call-frame-item { |
| padding: 3px 8px 3px 20px; |
| position: relative; |
| min-height: 18px; |
| line-height: 15px; |
| display: flex; |
| flex-wrap: wrap; |
| } |
| |
| .call-frame-title-text { |
| text-overflow: ellipsis; |
| overflow: hidden; |
| } |
| |
| .call-frame-item:not(.async-header) { |
| border-top: 1px solid #efefef; |
| } |
| |
| .call-frame-item:not(.async-header):hover { |
| background-color: #eee; |
| } |
| |
| .async-header + .call-frame-item { |
| border-top: 0; |
| } |
| |
| .call-frame-item-title, |
| .call-frame-location { |
| display: flex; |
| white-space: nowrap; |
| } |
| |
| .call-frame-location { |
| color: #888; |
| margin-left: auto; |
| padding: 0 10px 0 10px; |
| } |
| |
| .async-header::before { |
| content: " "; |
| width: 100%; |
| border-top: 1px solid #d8d8d8; |
| margin-top: 8px; |
| position: absolute; |
| z-index: -1; |
| left: 0; |
| } |
| |
| .async-header .call-frame-item-title { |
| font-weight: bold; |
| color: #999; |
| background-color: white; |
| margin-left: -5px; |
| padding: 0 5px; |
| } |
| |
| .blackboxed-call-frame { |
| opacity: 0.6; |
| font-style: italic; |
| } |
| |
| .selected-call-frame-icon { |
| display: none; |
| position: absolute; |
| top: 5px; |
| left: 4px; |
| } |
| |
| .call-frame-item.selected .selected-call-frame-icon { |
| display: block; |
| } |
| |
| :host-context(.-theme-with-dark-background) .blackboxed-message { |
| background-color: hsl(46, 98%, 22%); |
| color: #aaa; |
| } |
| |
| :host-context(.-theme-with-dark-background) .blackboxed-message > .link { |
| color: hsl(0, 0%, 67%); |
| } |