@yuebai008/cli/dist/cli-server/client/front_end/panels/timeline/timelinePanel.css.js

Command line interface for rapid qg-minigame development

const styles=new CSSStyleSheet;styles.replaceSync('/*\n * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.\n * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions\n * are met:\n *\n * 1.  Redistributions of source code must retain the above copyright\n *     notice, this list of conditions and the following disclaimer.\n * 2.  Redistributions in binary form must reproduce the above copyright\n *     notice, this list of conditions and the following disclaimer in the\n *     documentation and/or other materials provided with the distribution.\n * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of\n *     its contributors may be used to endorse or promote products derived\n *     from this software without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY\n * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\n * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\n * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY\n * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\n * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\n * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\n * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n */\n\n.timeline-toolbar-container {\n  display: flex;\n  flex: none;\n}\n\n.timeline-toolbar-container > .toolbar {\n  background-color: var(--sys-color-cdt-base-container);\n  border-bottom: 1px solid var(--sys-color-divider);\n}\n\n.timeline-main-toolbar {\n  flex: 1 1 auto;\n}\n\n.timeline-settings-pane {\n  flex: none;\n  background-color: var(--sys-color-cdt-base-container);\n  border-bottom: 1px solid var(--sys-color-divider);\n}\n\n#timeline-overview-panel {\n  flex: none;\n  position: relative;\n  border-bottom: 1px solid var(--color-details-hairline);\n}\n\n#timeline-overview-grid {\n  background-color: var(--color-background);\n}\n\n#timeline-overview-grid .timeline-grid-header {\n  height: 12px;\n}\n\n#timeline-overview-grid .resources-dividers-label-bar {\n  pointer-events: auto;\n  height: 12px;\n}\n\n#timeline-overview-grid .resources-divider-label {\n  top: 1px;\n}\n\n.timeline-details-split {\n  flex: auto;\n}\n\n.timeline.panel .status-pane-container {\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.timeline.panel .status-pane-container.tinted {\n  background-color: var(--sys-color-cdt-base-container);\n  pointer-events: auto;\n}\n\n.popover ul {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n#memory-graphs-canvas-container {\n  overflow: hidden;\n  flex: auto;\n  position: relative;\n}\n\n#memory-counters-graph {\n  flex: auto;\n}\n\n#memory-graphs-canvas-container .memory-counter-marker {\n  position: absolute;\n  border-radius: 3px;\n  width: 5px;\n  height: 5px;\n  margin-left: -3px;\n  margin-top: -2px;\n}\n\n#memory-graphs-container .timeline-memory-header {\n  flex: 0 0 26px;\n  background-color: var(--color-background-elevation-1);\n  border-bottom: 1px solid var(--sys-color-divider);\n  justify-content: space-between;\n}\n\n#memory-graphs-container .timeline-memory-header::after {\n  content: "";\n  background-image: var(--image-file-toolbarResizerVertical);\n  background-repeat: no-repeat;\n  background-position: right center, center;\n  flex: 20px 0 0;\n  margin: 0 4px;\n}\n\n.timeline-memory-toolbar {\n  flex-shrink: 1;\n}\n\n.memory-counter-value {\n  margin: 8px;\n}\n\n#counter-values-bar {\n  flex: 0 0 20px;\n  border-top: solid 1px var(--sys-color-divider);\n  width: 100%;\n  overflow: hidden;\n  line-height: 18px;\n}\n\n#timeline-overview-coverage {\n  flex-basis: 20px;\n}\n\n.timeline-overview-coverage-label {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  font-size: 9px;\n  color: var(--color-text-secondary);\n  white-space: nowrap;\n  padding: 0 4px;\n  background-color: var(--color-background-opacity-80);\n}\n\n.timeline-details {\n  vertical-align: top;\n}\n\n.timeline-details-view {\n  color: var(--color-text-secondary);\n  overflow: hidden;\n}\n\n.timeline-details-view-body {\n  flex: auto;\n  overflow: auto;\n  position: relative;\n  background-color: var(--sys-color-cdt-base-container);\n  user-select: text;\n}\n\n.timeline-details-view-block {\n  flex: none;\n  display: flex;\n  background-color: var(--color-background);\n  flex-direction: column;\n  padding-bottom: 5px;\n  border-bottom: var(--legacy-divider-border);\n}\n\n.timeline-details-view-row {\n  padding-left: 10px;\n  line-height: 20px;\n}\n\n.timeline-details-view-block .timeline-details-stack-values {\n  flex-direction: column !important; /* stylelint-disable-line declaration-no-important */\n}\n\n.timeline-details-chip-title {\n  font-size: 13px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.timeline-details-view-row-title:not(:empty) {\n  color: var(--color-text-secondary);\n  overflow: hidden;\n  padding-right: 10px;\n  display: inline-block;\n}\n\n.timeline-details-warning {\n  --override-details-warning-background-color: rgb(250 209 209 / 48%);\n\n  background-color: var(--override-details-warning-background-color);\n}\n\n.-theme-with-dark-background .timeline-details-warning,\n:host-context(.-theme-with-dark-background) .timeline-details-warning {\n  --override-details-warning-background-color: rgb(87 10 10 / 48%);\n}\n\n.timeline-details-warning .timeline-details-view-row-title {\n  color: var(--color-red);\n}\n\n.timeline-details-view-row-value {\n  display: inline-block;\n  user-select: text;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.timeline-details-warning .timeline-details-view-row-value {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.timeline-details-view-row-value .stack-preview-container {\n  line-height: 11px;\n}\n\n.timeline-details-view-pie-chart-wrapper {\n  margin: 4px 0;\n}\n\n.timeline-details-view-pie-chart {\n  margin-top: 5px;\n}\n\n.timeline-details-view-row-stack-trace {\n  padding: 4px 0;\n  line-height: inherit;\n}\n\n.timeline-flamechart {\n  overflow: hidden;\n}\n\n.timeline-flamechart-resizer {\n  flex: 8px 0 0;\n  background-color: var(--color-background-elevation-1);\n  border: 1px var(--color-details-hairline);\n  border-style: solid none;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.timeline-network-resizer-disabled > .timeline-flamechart-resizer {\n  display: none;\n}\n\n.timeline-flamechart-resizer::after {\n  content: "...";\n  font-size: 14px;\n  margin-bottom: -1px;\n}\n\n.timeline-layers-view-properties table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.timeline-layers-view-properties td {\n  border: 1px solid var(--color-details-hairline);\n  line-height: 22px;\n}\n\n.timeline-filmstrip-preview > img {\n  margin-top: 5px;\n  max-width: 500px;\n  max-height: 300px;\n  cursor: pointer;\n  border: 1px solid var(--color-details-hairline);\n}\n\n.timeline-tree-view {\n  display: flex;\n  overflow: hidden;\n}\n\n.timeline-tree-view .toolbar {\n  background-color: var(--sys-color-cdt-base-container);\n  border-bottom: 1px solid var(--sys-color-divider);\n}\n\n.timeline-tree-view .data-grid {\n  border: none;\n  flex: auto;\n}\n\n.timeline-tree-view .data-grid .data-container {\n  overflow-y: scroll;\n}\n\n.timeline-tree-view .data-grid.data-grid-fits-viewport .corner {\n  display: table-cell;\n}\n\n.timeline-tree-view .data-grid table.data {\n  background: var(--color-background);\n}\n\n.timeline-tree-view .data-grid tr:hover td:not(.bottom-filler-td) {\n  background-color: var(--color-background-hover-overlay);\n}\n\n.timeline-tree-view .data-grid td.numeric-column {\n  text-align: right;\n  position: relative;\n}\n\n.timeline-tree-view .data-grid div.background-percent-bar {\n  float: right;\n}\n\n.timeline-tree-view .data-grid span.percent-column {\n  color: var(--color-text-secondary);\n  width: 45px;\n  display: inline-block;\n}\n\n.timeline-tree-view .data-grid tr.selected span {\n  color: inherit;\n}\n\n.timeline-tree-view .data-grid .name-container {\n  display: flex;\n  align-items: center;\n  padding-left: 2px;\n}\n\n.timeline-tree-view .data-grid .name-container .activity-icon {\n  width: 12px;\n  height: 12px;\n  border: 1px solid var(--divider-line);\n  margin: 3px 0;\n}\n\n.timeline-tree-view .data-grid .name-container .activity-icon-container {\n  margin-right: 3px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n\n.timeline-tree-view .data-grid .name-container .activity-warning::after {\n  content: "[deopt]";\n  margin: 0 4px;\n  line-height: 12px;\n  font-size: 10px;\n  color: var(--color-text-disabled);\n}\n\n.timeline-tree-view .data-grid tr.selected .name-container .activity-warning::after {\n  color: var(--color-text-secondary-selected);\n}\n\n.timeline-tree-view .data-grid .name-container .activity-link {\n  flex: auto;\n  text-align: right;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-left: 5px;\n}\n\n.timeline-tree-view .data-grid .background-bar-container {\n  position: absolute;\n  left: 3px;\n  right: 0;\n}\n\n.timeline-tree-view .data-grid .background-bar {\n  --override-background-bar-background-color: hsl(43deg 84% 64% / 20%);\n  --override-background-bar-border-color: hsl(43deg 84% 64%);\n\n  float: right;\n  height: 18px;\n  background-color: var(--override-background-bar-background-color);\n  border-bottom: 1px solid var(--override-background-bar-border-color);\n}\n\n.timeline-tree-view .data-grid .selected .background-bar {\n  background-color: var(--color-background-opacity-50);\n  border-bottom: 1px solid var(--color-background-opacity-80);\n}\n\n.-theme-with-dark-background .timeline-tree-view .data-grid .background-bar,\n:host-context(.-theme-with-dark-background) .timeline-tree-view .data-grid .background-bar {\n  --override-background-bar-background-color: rgb(169 126 15 / 20%);\n  --override-background-bar-border-color: rgb(169 126 15);\n}\n\n.timeline-tree-view .timeline-details-view-body .full-widget-dimmed-banner {\n  background-color: inherit;\n}\n\n.timeline-details .filter-input-field {\n  width: 120px;\n}\n\n.timeline-tree-view .data-grid thead {\n  height: 21px;\n}\n\n.timeline-stack-view-header {\n  height: 27px;\n  background-color: var(--color-background-elevation-1);\n  padding: 6px 10px;\n  color: var(--color-text-secondary);\n  white-space: nowrap;\n  border-bottom: var(--legacy-divider-border);\n}\n\n.timeline-landing-page {\n  position: absolute;\n  background-color: var(--color-background);\n  justify-content: center;\n  align-items: center;\n  overflow: auto;\n  font-size: 13px;\n  color: var(--color-text-secondary);\n}\n\n@media (forced-colors: active) {\n  .timeline-tree-view .data-grid .name-container .activity-icon {\n    forced-color-adjust: none;\n  }\n\n  .timeline-tree-view .data-grid tr.selected span.percent-column,\n  .timeline-tree-view .data-grid tr.selected div.background-percent-bar span,\n  .timeline-tree-view .data-grid tr.selected .name-container .activity-link .devtools-link {\n    color: HighlightText;\n  }\n\n  .timeline-tree-view .data-grid .background-bar,\n  .timeline-tree-view .data-grid tr:hover td:not(.bottom-filler-td) {\n    background-color: transparent;\n  }\n\n  .timeline-tree-view .data-grid tr.selected .background-bar {\n    background-color: transparent;\n    border-bottom-color: HighlightText;\n  }\n}\n\n.timeline-details-view-row-stack-trace div {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 12px;\n}\n\n.timeline-details-view-body > div {\n  overflow-y: hidden;\n  overflow-x: auto;\n}\n\n.timeline-landing-page > div {\n  max-width: 450px;\n  margin: 10px;\n}\n\n.timeline-details-chip-title > div {\n  width: 12px;\n  height: 12px;\n  border: 1px solid var(--color-details-hairline);\n  display: inline-block;\n  margin-right: 4px;\n  content: " ";\n}\n\n.timeline-paint-profiler-log-split > div:last-child {\n  background-color: var(--color-background-elevation-1);\n  z-index: 0;\n}\n\n.timeline-layers-view > div:last-child,\n.timeline-layers-view-properties > div:last-child {\n  background-color: var(--color-background-elevation-1);\n}\n\n.timeline.panel .status-pane-container > div {\n  pointer-events: auto;\n}\n\n.timeline-landing-page > div > p {\n  flex: none;\n  white-space: pre-line;\n  line-height: 18px;\n}\n\n.timeline-tree-view .data-grid .name-container div {\n  flex: none;\n}\n\n.status-pane-container > .small-dialog {\n  width: 100%;\n  height: 100%;\n}\n\n.timeline-concurrency-input {\n  width: 50px;\n}\n\n.timeline-concurrency-hidden {\n  visibility: hidden;\n}\n\ndevtools-feedback-button {\n  float: right;\n}\n\n/*# sourceURL=timelinePanel.css */\n');export default styles;