e2eea0352a4b1e5f1c467e345c3774352f4e4c460effd2cc783c632a5d5ea3ab63213fc346dabcbe8b8792dd1e963baa9b58119f4d7e3f2d64add77320b225 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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. .monaco-action-bar {
  6. white-space: nowrap;
  7. height: 100%;
  8. }
  9. .monaco-action-bar .actions-container {
  10. display: flex;
  11. margin: 0 auto;
  12. padding: 0;
  13. height: 100%;
  14. width: 100%;
  15. align-items: center;
  16. }
  17. .monaco-action-bar.vertical .actions-container {
  18. display: inline-block;
  19. }
  20. .monaco-action-bar .action-item {
  21. display: block;
  22. align-items: center;
  23. justify-content: center;
  24. cursor: pointer;
  25. position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
  26. }
  27. .monaco-action-bar .action-item.disabled {
  28. cursor: default;
  29. }
  30. .monaco-action-bar .action-item .icon,
  31. .monaco-action-bar .action-item .codicon {
  32. display: block;
  33. }
  34. .monaco-action-bar .action-item .codicon {
  35. display: flex;
  36. align-items: center;
  37. width: 16px;
  38. height: 16px;
  39. }
  40. .monaco-action-bar .action-label {
  41. font-size: 11px;
  42. padding: 3px;
  43. border-radius: 5px;
  44. }
  45. .monaco-action-bar .action-item.disabled .action-label,
  46. .monaco-action-bar .action-item.disabled .action-label::before,
  47. .monaco-action-bar .action-item.disabled .action-label:hover {
  48. opacity: 0.6;
  49. }
  50. /* Vertical actions */
  51. .monaco-action-bar.vertical {
  52. text-align: left;
  53. }
  54. .monaco-action-bar.vertical .action-item {
  55. display: block;
  56. }
  57. .monaco-action-bar.vertical .action-label.separator {
  58. display: block;
  59. border-bottom: 1px solid #bbb;
  60. padding-top: 1px;
  61. margin-left: .8em;
  62. margin-right: .8em;
  63. }
  64. .monaco-action-bar .action-item .action-label.separator {
  65. width: 1px;
  66. height: 16px;
  67. margin: 5px 4px !important;
  68. cursor: default;
  69. min-width: 1px;
  70. padding: 0;
  71. background-color: #bbb;
  72. }
  73. .secondary-actions .monaco-action-bar .action-label {
  74. margin-left: 6px;
  75. }
  76. /* Action Items */
  77. .monaco-action-bar .action-item.select-container {
  78. overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
  79. flex: 1;
  80. max-width: 170px;
  81. min-width: 60px;
  82. display: flex;
  83. align-items: center;
  84. justify-content: center;
  85. margin-right: 10px;
  86. }
  87. .monaco-action-bar .action-item.action-dropdown-item {
  88. display: flex;
  89. }
  90. .monaco-action-bar .action-item.action-dropdown-item > .action-label {
  91. margin-right: 1px;
  92. }