-
Notifications
You must be signed in to change notification settings - Fork 8.2k
/
_app.scss
135 lines (113 loc) · 2.87 KB
/
_app.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
// TODO: Move all of the styles here (should be modularised by, e.g., CSS-in-JS or CSS modules).
#consoleRoot {
display: flex;
flex: 1 1 auto;
// Make sure the editor actions don't create scrollbars on this container
// SASSTODO: Uncomment when tooltips are EUI-ified (inside portals)
overflow: hidden;
}
.consoleContainer {
padding: $euiSizeS;
}
.conApp {
display: flex;
flex: 1 1 auto;
}
.conApp__editor {
width: 100%;
display: flex;
flex: 0 0 auto;
// Required on IE11 to render ace editor correctly after first input.
position: relative;
&__spinner {
width: 100%;
}
}
.conApp__output, .conApp_example {
display: flex;
flex: 1 1 1px;
.ace_badge {
font-family: $euiFontFamily;
font-size: $euiFontSizeXS;
font-weight: $euiFontWeightMedium;
line-height: $euiLineHeight;
padding: 0 $euiSizeS;
display: inline-block;
text-decoration: none;
border-radius: calc($euiBorderRadius / 2);
white-space: nowrap;
vertical-align: middle;
cursor: default;
max-width: 100%;
&--success {
background-color: $euiColorVis0_behindText;
color: chooseLightOrDarkText($euiColorVis0_behindText);
}
&--warning {
background-color: $euiColorVis5_behindText;
color: chooseLightOrDarkText($euiColorVis5_behindText);
}
&--primary {
background-color: $euiColorVis1_behindText;
color: chooseLightOrDarkText($euiColorVis1_behindText);
}
&--default {
background-color: $euiColorLightShade;
color: chooseLightOrDarkText($euiColorLightShade);
}
&--danger {
background-color: $euiColorVis9_behindText;
color: chooseLightOrDarkText($euiColorVis9_behindText);
}
}
}
.conApp__editorContent,
.conApp__outputContent {
height: 100%;
flex: 1 1 1px;
}
.conApp__editorActions {
button {
line-height: inherit;
}
position: absolute;
z-index: $euiZLevel1;
top: 0;
// Adjust for possible scrollbars
right: $euiSize;
line-height: 1;
// For IE11
min-width: 40px;
}
.conApp__resizer {
@include kbnResizer;
// Give the aria selection border priority when the divider is selected on IE11 and Chrome
z-index: $euiZLevel1;
background-color: $euiColorLightestShade;
}
// SASSTODO: This component seems to not be used anymore?
// Possibly replaced by the Ace version
.conApp__autoComplete {
position: absolute;
left: -1000px;
visibility: hidden;
/* by pass any other element in ace and resize bar, but not modal popups */
z-index: $euiZLevel1 + 2;
margin-top: 22px;
}
.conApp__settingsModal {
min-width: 460px;
}
.conApp__requestProgressBarContainer {
position: relative;
z-index: $euiZLevel2;
}
.conApp__tabsExtension {
border-bottom: $euiBorderThin;
}
/*
* The highlighting for the selected requests in the monaco editor
*/
.console__monaco_editor__selectedRequests {
background: transparentize($euiColorLightShade, .3);
}