_dropdown.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .select2-dropdown {
  2. background-color: white;
  3. border: 1px solid blue;
  4. border-radius: 0;
  5. box-sizing: border-box;
  6. display: block;
  7. position: absolute;
  8. left: -100000px;
  9. width: 100%;
  10. z-index: 1051;
  11. }
  12. .select2-results {
  13. display: block;
  14. }
  15. .select2-results__options {
  16. list-style: none;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. .select2-results__option {
  21. padding: 6px;
  22. user-select: none;
  23. -webkit-user-select: none;
  24. &[aria-selected] {
  25. cursor: pointer;
  26. }
  27. }
  28. .select2-container--open .select2-dropdown {
  29. left: 0;
  30. }
  31. .select2-container--open .select2-dropdown--above {
  32. border-bottom: none;
  33. border-bottom-left-radius: 0;
  34. border-bottom-right-radius: 0;
  35. }
  36. .select2-container--open .select2-dropdown--below {
  37. border-top: none;
  38. border-top-left-radius: 0;
  39. border-top-right-radius: 0;
  40. }
  41. .select2-search--dropdown {
  42. display: block;
  43. padding: 4px;
  44. .select2-search__field {
  45. padding: 4px;
  46. width: 100%;
  47. box-sizing: border-box;
  48. &::-webkit-search-cancel-button {
  49. -webkit-appearance: none;
  50. }
  51. }
  52. &.select2-search--hide {
  53. display: none;
  54. }
  55. }