bed42f9c256cec91698621a352d77bfb92464bca1d71fce25e4bb438a3bb7f7958dc645e166583b688a46866eef6aebff6b8e887bc4791b9114bd646b48eb7 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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-editor .monaco-editor-overlaymessage {
  6. padding-bottom: 8px;
  7. z-index: 10000;
  8. }
  9. .monaco-editor .monaco-editor-overlaymessage.below {
  10. padding-bottom: 0;
  11. padding-top: 8px;
  12. z-index: 10000;
  13. }
  14. @keyframes fadeIn {
  15. from { opacity: 0; }
  16. to { opacity: 1; }
  17. }
  18. .monaco-editor .monaco-editor-overlaymessage.fadeIn {
  19. animation: fadeIn 150ms ease-out;
  20. }
  21. @keyframes fadeOut {
  22. from { opacity: 1; }
  23. to { opacity: 0; }
  24. }
  25. .monaco-editor .monaco-editor-overlaymessage.fadeOut {
  26. animation: fadeOut 100ms ease-out;
  27. }
  28. .monaco-editor .monaco-editor-overlaymessage .message {
  29. padding: 1px 4px;
  30. color: var(--vscode-inputValidation-infoForeground);
  31. background-color: var(--vscode-inputValidation-infoBackground);
  32. border: 1px solid var(--vscode-inputValidation-infoBorder);
  33. }
  34. .monaco-editor.hc-black .monaco-editor-overlaymessage .message,
  35. .monaco-editor.hc-light .monaco-editor-overlaymessage .message {
  36. border-width: 2px;
  37. }
  38. .monaco-editor .monaco-editor-overlaymessage .anchor {
  39. width: 0 !important;
  40. height: 0 !important;
  41. border-color: transparent;
  42. border-style: solid;
  43. z-index: 1000;
  44. border-width: 8px;
  45. position: absolute;
  46. }
  47. .monaco-editor .monaco-editor-overlaymessage .anchor.top {
  48. border-bottom-color: var(--vscode-inputValidation-infoBorder);
  49. }
  50. .monaco-editor .monaco-editor-overlaymessage .anchor.below {
  51. border-top-color: var(--vscode-inputValidation-infoBorder);
  52. }
  53. .monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
  54. .monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
  55. display: none;
  56. }
  57. .monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
  58. display: inherit;
  59. top: -8px;
  60. }