messageController.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. border-width: 2px;
  36. }
  37. .monaco-editor .monaco-editor-overlaymessage .anchor {
  38. width: 0 !important;
  39. height: 0 !important;
  40. border-color: transparent;
  41. border-style: solid;
  42. z-index: 1000;
  43. border-width: 8px;
  44. position: absolute;
  45. }
  46. .monaco-editor .monaco-editor-overlaymessage .anchor.top {
  47. border-bottom-color: var(--vscode-inputValidation-infoBorder);
  48. }
  49. .monaco-editor .monaco-editor-overlaymessage .anchor.below {
  50. border-top-color: var(--vscode-inputValidation-infoBorder);
  51. }
  52. .monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
  53. .monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
  54. display: none;
  55. }
  56. .monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
  57. display: inherit;
  58. top: -8px;
  59. }