949689d4c74611579242b31d0f88910403612d181257c406661bec3539ba975932ee8b5e01f8740a28c8c43ea5be200d46c68217103a88c4bf1143fdc14c4a 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  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. /* ---------- Icon label ---------- */
  6. .monaco-icon-label {
  7. display: flex; /* required for icons support :before rule */
  8. overflow: hidden;
  9. text-overflow: ellipsis;
  10. }
  11. .monaco-icon-label::before {
  12. /* svg icons rendered as background image */
  13. background-size: 16px;
  14. background-position: left center;
  15. background-repeat: no-repeat;
  16. padding-right: 6px;
  17. width: 16px;
  18. height: 22px;
  19. line-height: inherit !important;
  20. display: inline-block;
  21. /* fonts icons */
  22. -webkit-font-smoothing: antialiased;
  23. -moz-osx-font-smoothing: grayscale;
  24. vertical-align: top;
  25. flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
  26. }
  27. .monaco-icon-label > .monaco-icon-label-container {
  28. min-width: 0;
  29. overflow: hidden;
  30. text-overflow: ellipsis;
  31. flex: 1;
  32. }
  33. .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  34. color: inherit;
  35. white-space: pre; /* enable to show labels that include multiple whitespaces */
  36. }
  37. .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
  38. margin: 0 2px;
  39. opacity: 0.5;
  40. }
  41. .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  42. opacity: .7;
  43. margin-left: 0.5em;
  44. font-size: 0.9em;
  45. white-space: pre; /* enable to show labels that include multiple whitespaces */
  46. }
  47. .monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
  48. white-space: nowrap
  49. }
  50. .vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  51. opacity: .95;
  52. }
  53. .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
  54. .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  55. font-style: italic;
  56. }
  57. .monaco-icon-label.deprecated {
  58. text-decoration: line-through;
  59. opacity: 0.66;
  60. }
  61. /* make sure apply italic font style to decorations as well */
  62. .monaco-icon-label.italic::after {
  63. font-style: italic;
  64. }
  65. .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
  66. .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  67. text-decoration: line-through;
  68. }
  69. .monaco-icon-label::after {
  70. opacity: 0.75;
  71. font-size: 90%;
  72. font-weight: 600;
  73. margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
  74. text-align: center;
  75. }
  76. /* make sure selection color wins when a label is being selected */
  77. .monaco-list:focus .selected .monaco-icon-label, /* list */
  78. .monaco-list:focus .selected .monaco-icon-label::after
  79. {
  80. color: inherit !important;
  81. }
  82. .monaco-list-row.focused.selected .label-description,
  83. .monaco-list-row.selected .label-description {
  84. opacity: .8;
  85. }