1/* 2 * Copyright (C) 2024 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16export const TabPaneTreeHtml = `<style> 17 :host{ 18 padding: 10px 10px; 19 display: flex; 20 flex-direction: column; 21 } 22 .tab-summary-head { 23 display: grid; 24 grid-template-columns: 55% 15% 15% 15%; 25 height: 30px; 26 line-height: 30px; 27 align-items: center; 28 background-color: white; 29 } 30 .tree-row-tr { 31 display: flex; 32 height: 30px; 33 line-height: 30px; 34 align-items: center; 35 background-color: white; 36 width: 100%; 37 } 38 .tree-row-tr:hover { 39 background-color: #DEEDFF; 40 } 41 .tree-row-tr:nth-last-child(1):hover { 42 background-color: white; 43 } 44 .head-label, .head-count { 45 white-space: nowrap; 46 overflow: hidden; 47 font-weight: bold; 48 } 49 .row-name-td { 50 white-space: nowrap; 51 overflow-y: hidden; 52 display: inline-block; 53 margin-right: 15px; 54 height: 30px; 55 } 56 tr { 57 height: 30px; 58 } 59 .row-name-td::-webkit-scrollbar { 60 display: none; 61 } 62 .log-tree-table { 63 display: grid; 64 overflow: hidden; 65 grid-template-rows: repeat(auto-fit, 30px); 66 position: sticky; 67 top: 0; 68 } 69 .log-tree-table:hover{ 70 overflow-x: auto; 71 } 72 </style> 73 <div class="tab-summary-head"> 74 <div style="justify-content: flex-start; display: flex"> 75 <div class="expansion-div" style="display: grid;"> 76 <lit-icon class="expansion-up-icon" name="up"></lit-icon> 77 <lit-icon class="expansion-down-icon" name="down"></lit-icon> 78 </div> 79 <label class="head-label" style="cursor: pointer;">ParentStage</label> 80 <label class="head-label" style="cursor: pointer;">->Stage</label> 81 <label class="head-label" style="cursor: pointer;">->Timestamp</label> 82 </div> 83 <label class="head-count">RSS</label> 84 </div> 85 <div id="tab-summary" style="overflow: auto;display: grid;grid-template-columns: 55% 15% 15% 15%;"></div> 86 `; 87