1/*
2 * Copyright (C) 2022 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 SpTraceCommandHtml = `
17<style>
18:host{
19    width: 100%;
20    position: relative;
21    background: var(--dark-background3,#FFFFFF);
22    border-radius: 0px 16px 16px 0px;
23}
24
25#code-text{
26    -webkit-appearance:none;
27    opacity: 0.6;
28    font-family: Helvetica;
29    color: var(--dark-color,#000000);
30    padding: 20px 56px 5px 56px;
31    font-size:1em;
32    margin-left: 10px;
33    line-height: 20px;
34    font-weight: 400;
35    border: none;
36    outline:none;
37    resize:none;
38    /*overflow:auto;*/
39    z-index: 2;
40    min-height: 500px;
41    background: var(--dark-background3,#FFFFFF);
42}
43
44#copy-image{
45    display: table-cell;
46    white-space: nowrap;
47    outline:0;
48    float:right;
49    z-index: 66;
50    position: relative;
51    top: 56px;
52    right: 40px;
53    cursor:pointer;
54}
55
56#copy-button{
57    -webkit-appearance:none;
58    outline:0;
59    border: 0;
60    background: var(--dark-background3,#FFFFFF);
61    justify-content: end;
62    z-index: 55;
63    border-radius: 0px 16px 0px 0px;
64}
65
66#text-cmd{
67    /*overflow-y:auto;*/
68    display: grid;
69    justify-content: stretch;
70    align-content:  stretch;
71    font-size:16px;
72    background: var(--dark-background3,#FFFFFF);
73    border-radius: 0px 16px 0px 0px;
74
75}
76
77/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
78::-webkit-scrollbar
79{
80  width: 6px;
81  height: 10px;
82  background-color: var(--dark-background3,#FFFFFF);
83}
84
85/*定义滚动条轨道 内阴影+圆角*/
86::-webkit-scrollbar-track
87{
88  background-color: var(--dark-background3,#FFFFFF);
89}
90
91/*定义滑块 内阴影+圆角*/
92::-webkit-scrollbar-thumb
93{
94  border-radius: 6px;
95  background-color: var(--dark-background7,#e7c9c9);
96}
97</style>
98<div id="text-cmd">
99    <button id="copy-button">
100        <img id="copy-image" src="img/copy.png">
101    </button>
102    <textarea id="code-text" readonly></textarea>
103</div>
104`;
105