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