bannerController.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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. .editor-banner {
  6. box-sizing: border-box;
  7. cursor: default;
  8. width: 100%;
  9. font-size: 12px;
  10. display: flex;
  11. overflow: visible;
  12. height: 26px;
  13. background: var(--vscode-banner-background);
  14. }
  15. .editor-banner .icon-container {
  16. display: flex;
  17. flex-shrink: 0;
  18. align-items: center;
  19. padding: 0 6px 0 10px;
  20. }
  21. .editor-banner .icon-container.custom-icon {
  22. background-repeat: no-repeat;
  23. background-position: center center;
  24. background-size: 16px;
  25. width: 16px;
  26. padding: 0;
  27. margin: 0 6px 0 10px;
  28. }
  29. .editor-banner .message-container {
  30. display: flex;
  31. align-items: center;
  32. line-height: 26px;
  33. text-overflow: ellipsis;
  34. white-space: nowrap;
  35. overflow: hidden;
  36. }
  37. .editor-banner .message-container p {
  38. margin-block-start: 0;
  39. margin-block-end: 0;
  40. }
  41. .editor-banner .message-actions-container {
  42. flex-grow: 1;
  43. flex-shrink: 0;
  44. line-height: 26px;
  45. margin: 0 4px;
  46. }
  47. .editor-banner .message-actions-container a.monaco-button {
  48. width: inherit;
  49. margin: 2px 8px;
  50. padding: 0px 12px;
  51. }
  52. .editor-banner .message-actions-container a {
  53. padding: 3px;
  54. margin-left: 12px;
  55. text-decoration: underline;
  56. }
  57. .editor-banner .action-container {
  58. padding: 0 10px 0 6px;
  59. }
  60. .editor-banner {
  61. background-color: var(--vscode-banner-background);
  62. }
  63. .editor-banner,
  64. .editor-banner .action-container .codicon,
  65. .editor-banner .message-actions-container .monaco-link {
  66. color: var(--vscode-banner-foreground);
  67. }
  68. .editor-banner .icon-container .codicon {
  69. color: var(--vscode-banner-iconForeground);
  70. }