autocomplete.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .vc_autocomplete-field {
  2. clear: both;
  3. .vc_autocomplete {
  4. margin: 0;
  5. background: #ffffff;
  6. border: 1px solid #dfdfdf;
  7. padding: 2px;
  8. cursor: text;
  9. min-height: 24px;
  10. li {
  11. margin-bottom: 0;
  12. &.vc_data {
  13. background: #0b4b81;
  14. color: #ffffff;
  15. border: 1px solid #0b4b81;
  16. }
  17. &.vc_autocomplete-label {
  18. border-radius: 2px;
  19. padding: 0 0 0 8px;
  20. margin: 1px;
  21. position: relative;
  22. cursor: pointer;
  23. a {
  24. color: #fff
  25. }
  26. .vc_label {
  27. display: inline-block;
  28. line-height: 18px;
  29. font-size: 11px;
  30. padding: 0 6px 0 5px;
  31. }
  32. .vc_autocomplete-remove {
  33. color: #aec4d8;
  34. display: block;
  35. cursor: pointer;
  36. position: absolute;
  37. top: 5px;
  38. right: 7px;
  39. width: 9px;
  40. height: 9px;
  41. line-height: 9px;
  42. font-size: 18px;
  43. text-align: center;
  44. &:hover {
  45. color: #ffffff;
  46. }
  47. }
  48. }
  49. &.vc_autocomplete-input {
  50. padding: 0 3px;
  51. box-sizing: border-box;
  52. .ui-helper-hidden-accessible {
  53. left: 0;
  54. }
  55. input {
  56. width: 100%;
  57. border: 0;
  58. padding: 5px 0;
  59. margin: 0;
  60. &:focus {
  61. -webkit-box-shadow: none;
  62. box-shadow: none;
  63. }
  64. }
  65. }
  66. &.vc_autocomplete-clear {
  67. clear: both;
  68. float: none;
  69. }
  70. }
  71. }
  72. }
  73. .vc_ui-auotocomplete {
  74. max-height: 200px;
  75. overflow-y: auto;
  76. }
  77. .wpb_el_type_checkbox {
  78. .wpb_vc_param_value.filter.checkbox {
  79. float: none; // fix for class .filter added from param rendering.
  80. }
  81. }
  82. .vc_autocomplete-inline {
  83. > li.vc_data.vc_autocomplete-label {
  84. display: block;
  85. padding: 0 20px 0 8px;
  86. width: auto;
  87. float: left;
  88. }
  89. > .vc_autocomplete-input {
  90. display: block;
  91. float: none;
  92. overflow: hidden;
  93. min-width: 200px;
  94. width: auto;
  95. }
  96. }