ui-select.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. }
  35. }
  36. > .btn {
  37. color: @input-color;
  38. background-color: @input-bg;
  39. border: 1px solid @input-border;
  40. &[disabled] {
  41. cursor: not-allowed;
  42. background-color: @input-bg-disabled;
  43. opacity: 1;
  44. }
  45. }
  46. }
  47. }
  48. .ui-select-container[tagging] {
  49. .ui-select-toggle {
  50. cursor: text;
  51. > i.caret.pull-right {
  52. display: none;
  53. }
  54. }
  55. }