resource.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .resource-editor {
  2. vertical-align: middle;
  3. display: inline-block;
  4. margin: 5px;
  5. .input-group, .km-resource {
  6. font-size: 12px;
  7. }
  8. .input-group {
  9. height: 20px;
  10. width: 168px;
  11. }
  12. .resource-dropdown {
  13. position: relative;
  14. width: 168px;
  15. border: 1px solid #ccc;
  16. margin-top: -1px;
  17. border-bottom-right-radius: 4px;
  18. border-bottom-left-radius: 4px;
  19. .km-resource {
  20. position: absolute;
  21. width: 154px;
  22. margin-bottom: 3px;
  23. padding: 0;
  24. list-style-type: none;
  25. overflow: scroll;
  26. max-height: 500px;
  27. &.open {
  28. z-index: 3;
  29. background-color: #fff;
  30. }
  31. li {
  32. display: inline-block;
  33. padding: 1px 2px;
  34. border-radius: 4px;
  35. margin: 2px 3px;
  36. &[disabled] {
  37. opacity: 0.5;
  38. }
  39. }
  40. }
  41. .resource-caret {
  42. display: block;
  43. float: right;
  44. vertical-align: middle;
  45. width: 12px;
  46. height: 24px;
  47. padding: 8px 1px;
  48. &:hover {background-color: @button-hover;}
  49. &:active {background-color: @button-active;}
  50. }
  51. }
  52. // 覆盖 bootstrap
  53. input.form-control, .btn {
  54. font-size: 12px;
  55. }
  56. input.form-control {
  57. padding: 2px 4px;
  58. height: 24px;
  59. border-bottom-left-radius: 0;
  60. }
  61. .input-group-btn {
  62. line-height: 24px;
  63. .btn {
  64. padding: 2px 4px;
  65. height: 24px;
  66. border-bottom-right-radius: 0;
  67. }
  68. }
  69. }