ui-select.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .ui-select-bootstrap > .ui-select-choices,
  2. .ui-select-bootstrap > .ui-select-no-choice {
  3. width: auto;
  4. max-width: 400px;
  5. }
  6. .dropdown-menu .ui-select-choices-row {
  7. padding: 4px 0;
  8. > .ui-select-choices-row-inner {
  9. overflow: hidden;
  10. text-overflow: ellipsis;
  11. }
  12. }
  13. .ui-select-placeholder,
  14. .ui-select-match-text {
  15. overflow: hidden;
  16. text-overflow: ellipsis;
  17. font-weight: normal;
  18. }
  19. .ui-select-bootstrap {
  20. &:focus {
  21. outline: none;
  22. }
  23. > .ui-select-match {
  24. &:focus {
  25. outline: none;
  26. }
  27. &.btn-default-focus {
  28. outline: 0;
  29. box-shadow: none;
  30. background-color: transparent;
  31. > .btn {
  32. border-color: @input-border-focus;
  33. box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px fade(@input-border-focus, 60%);
  34. padding-top: @input-suggestion-v-offset;
  35. }
  36. }
  37. > .btn {
  38. color: @input-color;
  39. background-color: @input-bg;
  40. border: 1px solid @input-border;
  41. padding-top: @input-suggestion-v-offset;
  42. &[disabled] {
  43. cursor: not-allowed;
  44. background-color: @input-bg-disabled;
  45. opacity: 1;
  46. }
  47. }
  48. }
  49. }
  50. .ui-select-container[tagging] {
  51. .ui-select-toggle {
  52. cursor: text;
  53. padding-top: @input-suggestion-v-offset;
  54. > i.caret.pull-right {
  55. display: none;
  56. }
  57. }
  58. }