xref: /aosp_15_r20/external/pigweed/pw_web/webconsole/styles/repl.module.css (revision 61c4878ac05f98d0ceed94b57d316916de578985) 
1/*
2 * Copyright 2022 The Pigweed Authors
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
5 * use this file except in compliance with the License. You may obtain a copy of
6 * the License at
7 *
8 *     https://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
12 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
13 * License for the specific language governing permissions and limitations under
14 * the License.
15 */
16.container {
17  display: flex;
18  flex-direction: column;
19  height: 100%;
20}
21
22.editor {
23  border-top: 1px solid #414141;
24  min-height: 150px;
25  flex: 1;
26    max-height: 15vh;
27    overflow: auto;
28  }
29
30  .editor .cm-content,
31  .editor .cm-gutter {
32    min-height: 150px;
33  }
34
35  .editor .cm-gutters {
36    margin: 1px;
37  }
38
39  .editor .cm-scroller {
40    overflow: auto;
41}
42
43.logs {
44  flex: 1;
45}
46
47.replWithCaret {
48  display: flex;
49}
50
51.caret {
52  margin: 3px;
53  font-weight: bold;
54}
55
56.tooltip {
57  position: relative;
58  display: inline-block;
59  font-weight: bold;
60  border-radius: 50%;
61  line-height: 1;
62  background: #131518;
63  cursor: help;
64  padding: 7px 11px;
65  margin-right: 5px;
66}
67
68.tooltip .tooltiptext {
69  visibility: hidden;
70  width: 320px;
71  background-color: black;
72  color: #fff;
73  padding: 10px;
74  line-height: 1.6;
75  border-radius: 6px;
76  font-weight: normal;
77  position: absolute;
78  top: 0;
79  left: 0;
80  transform: translate(-50%, -105%);
81  z-index: 1;
82}
83
84.tooltip:hover .tooltiptext {
85  visibility: visible;
86}
87
88.tooltip .tooltiptext span {
89  background-color: #414141;
90  padding: 3px 8px;
91  border-radius: 6px;
92}
93