xref: /aosp_15_r20/development/tools/winscope/src/app/styles/overlay_panel.styles.ts (revision 90c8c64db3049935a07c6143d7fd006e26f8ecca)
1/*
2 * Copyright (C) 2024 The Android Open Source Project
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 *      http://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,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17export const overlayPanelStyles = `
18  .close-button {
19    width: 24px;
20    height: 24px;
21    line-height: 24px;
22  }
23
24  .overlay-panel {
25    font-family: 'Roboto', sans-serif;
26    background: var(--overlay-panel-background-color);
27    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.36);
28  }
29
30  .overlay-panel-title {
31    display: flex;
32    flex-direction: row;
33    justify-content: space-between;
34    align-items: center;
35    margin: 15px;
36    font-size: 20px;
37  }
38  .overlay-panel-content {
39    margin: 15px;
40    display: flex;
41    flex-direction: column;
42  }
43
44  .overlay-panel-section {
45    margin: 10px 0px;
46  }
47
48  .overlay-panel-section-title {
49    display: block;
50    width: 100%;
51  }
52`;
53