Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1.queryInput {
2 padding: 8px 16px;
3 z-index: 2;
4 border-bottom: 2px solid var(--divider);
5 background-color: var(--background-primary);
6}
7
8.textareaWrapper {
9 display: flex;
10 flex-direction: column;
11 align-items: center;
12 margin-top: 8px;
13 position: relative;
14}
15
16.textareaWrapper :global(.ant-input.ant-select-selection-search-input) {
17 background-color: var(--background-secondary);
18 border-color: var(--divider);
19}
20
21.textareaWrapper :global(.ant-input) {
22 box-shadow: none !important;
23 min-height: 80px !important;
24}
25
26.autoComplete {
27 width: 100%;
28}
29
30.autoComplete textarea {
31 overflow-x: hidden;
32 font-size: 12px;
33 line-height: 20px;
34 font-weight: 500;
35 font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
36 color: transparent;
37 caret-color: var(--text-light-primary);
38}
39
40.submitButton {
41 width: 100%;
42 border: 0;
43}
44
45.overlay {
46 position: absolute;
47 height: 100%;
48 width: 100%;
49 top: 0;
50 pointer-events: none;
51 font-size: 12px;
52 padding: 4px 11px;
53 border: 1px solid transparent;
54}
55
56.highlightedWrap {
57 overflow-wrap: break-word;
58}
59
60.displayArea {
61 white-space: pre-wrap;
62}
63
64.intervalSelect :global(.ant-select) {
65 width: 100% !important;
66}
67
68.intervalSelect :global(.ant-select-selector) {
69 color: var(--text-light-secondary);
70 height: 26px !important;
71 --antd-wave-shadow-color: none !important;
72 box-shadow: none !important;
73 margin-bottom: 8px;
74 border-top: none !important;
75 border-color: var(--divider) !important;
76 border-radius: 0 0 4px 4px !important;
77 background-color: var(--background-secondary) !important;
78 font-weight: 700 !important;
79}
80
81.intervalSelect :global(.ant-select-selection-item) {
82 line-height: 26px !important;
83}
84
85.intervalSelect :global(.ant-select-arrow) {
86 margin-top: -10px !important;
87}