1/*---------------------------------------------------------------------------------------------
2 *  Copyright (c) Microsoft Corporation. All rights reserved.
3 *  Licensed under the MIT License. See License.txt in the project root for license information.
4 *--------------------------------------------------------------------------------------------*/
5
6.quick-input-widget {
7	position: absolute;
8	width: 600px;
9	z-index: 2000;
10	padding-bottom: 6px;
11	left: 50%;
12	margin-left: -300px;
13}
14
15.quick-input-titlebar {
16	display: flex;
17}
18
19.quick-input-left-action-bar {
20	display: flex;
21	margin-left: 4px;
22	flex: 1;
23}
24
25.quick-input-left-action-bar.monaco-action-bar .actions-container {
26	justify-content: flex-start;
27}
28
29.quick-input-title {
30	padding: 3px 0px;
31	text-align: center;
32}
33
34.quick-input-right-action-bar {
35	display: flex;
36	margin-right: 4px;
37	flex: 1;
38}
39
40.quick-input-titlebar .monaco-action-bar .action-label.codicon {
41	margin: 0;
42	width: 19px;
43	height: 100%;
44	background-position: center;
45	background-repeat: no-repeat;
46}
47
48.quick-input-description {
49	margin: 6px;
50}
51
52.quick-input-header .quick-input-description {
53	margin: 4px 2px;
54}
55
56.quick-input-header {
57	display: flex;
58	padding: 6px 6px 0px 6px;
59	margin-bottom: -2px;
60}
61
62.quick-input-widget.hidden-input .quick-input-header {
63	/* reduce margins and paddings when input box hidden */
64	padding: 0;
65	margin-bottom: 0;
66}
67
68.quick-input-and-message {
69	display: flex;
70	flex-direction: column;
71	flex-grow: 1;
72	position: relative;
73}
74
75.quick-input-check-all {
76	align-self: center;
77	margin: 0;
78}
79
80.quick-input-filter {
81	flex-grow: 1;
82	display: flex;
83	position: relative;
84}
85
86.quick-input-box {
87	flex-grow: 1;
88}
89
90.quick-input-widget.show-checkboxes .quick-input-box,
91.quick-input-widget.show-checkboxes .quick-input-message {
92	margin-left: 5px;
93}
94
95.quick-input-visible-count {
96	position: absolute;
97	left: -10000px;
98}
99
100.quick-input-count {
101	align-self: center;
102	position: absolute;
103	right: 4px;
104	display: flex;
105	align-items: center;
106}
107
108.quick-input-count .monaco-count-badge {
109	vertical-align: middle;
110	padding: 2px 4px;
111	border-radius: 2px;
112	min-height: auto;
113	line-height: normal;
114}
115
116.quick-input-action {
117	margin-left: 6px;
118}
119
120.quick-input-action .monaco-text-button {
121	font-size: 11px;
122	padding: 0 6px;
123	display: flex;
124	height: 27.5px;
125	align-items: center;
126}
127
128.quick-input-message {
129	margin-top: -1px;
130	padding: 5px 5px 2px 5px;
131}
132
133.quick-input-message > .codicon {
134	margin: 0 0.2em;
135	vertical-align: text-bottom;
136}
137
138.quick-input-progress.monaco-progress-container {
139	position: relative;
140}
141
142.quick-input-progress.monaco-progress-container,
143.quick-input-progress.monaco-progress-container .progress-bit {
144	height: 2px;
145}
146
147.quick-input-list {
148	line-height: 22px;
149	margin-top: 6px;
150}
151
152.quick-input-widget.hidden-input .quick-input-list {
153	margin-top: 0; /* reduce margins when input box hidden */
154}
155
156.quick-input-list .monaco-list {
157	overflow: hidden;
158	max-height: calc(20 * 22px);
159}
160
161.quick-input-list .quick-input-list-entry {
162	box-sizing: border-box;
163	overflow: hidden;
164	display: flex;
165	height: 100%;
166	padding: 0 6px;
167}
168
169.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
170	border-top-width: 1px;
171	border-top-style: solid;
172}
173
174.quick-input-list .monaco-list-row:first-child .quick-input-list-entry.quick-input-list-separator-border {
175	border-top-style: none;
176}
177
178.quick-input-list .quick-input-list-label {
179	overflow: hidden;
180	display: flex;
181	height: 100%;
182	flex: 1;
183}
184
185.quick-input-list .quick-input-list-checkbox {
186	align-self: center;
187	margin: 0;
188}
189
190.quick-input-list .quick-input-list-rows {
191	overflow: hidden;
192	text-overflow: ellipsis;
193	display: flex;
194	flex-direction: column;
195	height: 100%;
196	flex: 1;
197	margin-left: 5px;
198}
199
200.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
201	margin-left: 10px;
202}
203
204.quick-input-widget .quick-input-list .quick-input-list-checkbox {
205	display: none;
206}
207.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
208	display: inline;
209}
210
211.quick-input-list .quick-input-list-rows > .quick-input-list-row {
212	display: flex;
213	align-items: center;
214}
215
216.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
217.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
218	flex: 1; /* make sure the icon label grows within the row */
219}
220
221.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
222	vertical-align: sub;
223}
224
225.quick-input-list .quick-input-list-rows .monaco-highlighted-label span {
226	opacity: 1;
227}
228
229.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
230	margin-right: 8px; /* separate from the separator label or scrollbar if any */
231}
232
233.quick-input-list .quick-input-list-label-meta {
234	opacity: 0.7;
235	line-height: normal;
236	text-overflow: ellipsis;
237	overflow: hidden;
238}
239
240.quick-input-list .monaco-highlighted-label .highlight {
241	font-weight: bold;
242}
243
244.quick-input-list .quick-input-list-entry .quick-input-list-separator {
245	margin-right: 8px; /* separate from keybindings or actions */
246}
247
248.quick-input-list .quick-input-list-entry-action-bar {
249	display: flex;
250	flex: 0;
251	overflow: visible;
252}
253
254.quick-input-list .quick-input-list-entry-action-bar .action-label {
255	/*
256	 * By default, actions in the quick input action bar are hidden
257	 * until hovered over them or selected.
258	 */
259	display: none;
260}
261
262.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
263	margin: 0;
264	height: 100%;
265	padding: 0 2px;
266	vertical-align: middle;
267}
268
269.quick-input-list .quick-input-list-entry-action-bar {
270	margin-top: 1px;
271}
272
273.quick-input-list .quick-input-list-entry-action-bar {
274	margin-right: 4px; /* separate from scrollbar */
275}
276
277.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
278	margin-right: 4px; /* separate actions */
279}
280
281.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
282.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
283.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label {
284	display: flex;
285}
286