a4a3fd855cfd063188c7004bbb957886896a5e903f71b763fcb50e216c1e7a0dfa2d5310954ee3ce2876137f16e10c3a4e631014573545082fc5d50a6358f0 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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-custom-toggle {
  6. margin-left: 2px;
  7. float: left;
  8. cursor: pointer;
  9. overflow: hidden;
  10. width: 20px;
  11. height: 20px;
  12. border-radius: 3px;
  13. border: 1px solid transparent;
  14. padding: 1px;
  15. box-sizing: border-box;
  16. user-select: none;
  17. -webkit-user-select: none;
  18. -ms-user-select: none;
  19. }
  20. .monaco-custom-toggle:hover {
  21. background-color: var(--vscode-inputOption-hoverBackground);
  22. }
  23. .hc-black .monaco-custom-toggle:hover,
  24. .hc-light .monaco-custom-toggle:hover {
  25. border: 1px dashed var(--vscode-focusBorder);
  26. }
  27. .hc-black .monaco-custom-toggle,
  28. .hc-light .monaco-custom-toggle {
  29. background: none;
  30. }
  31. .hc-black .monaco-custom-toggle:hover,
  32. .hc-light .monaco-custom-toggle:hover {
  33. background: none;
  34. }
  35. .monaco-custom-toggle.monaco-checkbox {
  36. height: 18px;
  37. width: 18px;
  38. border: 1px solid transparent;
  39. border-radius: 3px;
  40. margin-right: 9px;
  41. margin-left: 0px;
  42. padding: 0px;
  43. opacity: 1;
  44. background-size: 16px !important;
  45. }
  46. /* hide check when unchecked */
  47. .monaco-custom-toggle.monaco-checkbox:not(.checked)::before {
  48. visibility: hidden;
  49. }