d46b3c97815d3a97a68dc1611f8f32eb26fe555c8875e41a0a3612c904dda6ce38c30de2ef87014db4f42eee4c4f18175406600167d8200b593d0b45afa0ea 6.3 KB

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