listbox.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .ui-listbox {
  2. padding: .25em;
  3. width: 10em;
  4. }
  5. .ui-listbox .ui-listbox-list-wrapper {
  6. overflow:auto;
  7. }
  8. .ui-listbox .ui-listbox-list {
  9. list-style-type: none;
  10. margin: 0;
  11. padding: 0;
  12. }
  13. .ui-listbox .ui-listbox-item {
  14. padding: .25em;
  15. border: 0 none;
  16. cursor: pointer;
  17. font-weight: normal;
  18. margin-bottom: 1px;
  19. }
  20. .ui-listbox .ui-listbox-item > span {
  21. vertical-align: middle;
  22. }
  23. .ui-listbox .ui-listbox-item:last-child {
  24. margin-bottom: 0;
  25. }
  26. .ui-listbox.ui-state-disabled .ui-listbox-item {
  27. cursor: default;
  28. }
  29. .ui-listbox-header {
  30. margin-bottom: 0.3em;
  31. padding: .125em .2em;
  32. position: relative;
  33. }
  34. .ui-listbox-header .ui-chkbox {
  35. display: inline-block;
  36. vertical-align: middle;
  37. cursor: pointer;
  38. }
  39. .ui-listbox-header .ui-listbox-filter-container {
  40. display: inline-block;
  41. vertical-align: middle;
  42. position: relative;
  43. width: 100%;
  44. }
  45. .ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
  46. width: calc(100% - 2em);
  47. }
  48. .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  49. position: absolute;
  50. top: .25em;
  51. left: .25em;
  52. }
  53. .ui-listbox-header .ui-inputtext {
  54. padding: .125em .125em .125em 1.25em;
  55. width: 100%;
  56. }
  57. .ui-listbox-footer {
  58. padding: .125em .2em;
  59. }