combobox.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /*!
  2. * Copyright (c) 2013 Ben Olson (https://github.com/bseth99/jquery-ui-extensions)
  3. *
  4. * Permission is hereby granted, free of charge, to any person
  5. * obtaining a copy of this software and associated documentation
  6. * files (the "Software"), to deal in the Software without
  7. * restriction, including without limitation the rights to use,
  8. * copy, modify, merge, publish, distribute, sublicense, and/or sell
  9. * copies of the Software, and to permit persons to whom the
  10. * Software is furnished to do so, subject to the following
  11. * conditions:
  12. *
  13. * The above copyright notice and this permission notice shall be
  14. * included in all copies or substantial portions of the Software.
  15. *
  16. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  17. * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
  18. * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  19. * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
  20. * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
  21. * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  22. * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  23. * OTHER DEALINGS IN THE SOFTWARE.
  24. *
  25. * Adapted from Jörn Zaefferer original implementation at
  26. * http://www.learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood
  27. *
  28. * And the demo at
  29. * http://jqueryui.com/autocomplete/#combobox
  30. */
  31. .ui-combobox {
  32. display: inline-block;
  33. margin: 0;
  34. margin-right: 1.8em;
  35. position: relative;
  36. }
  37. .ui-combobox-input {
  38. padding: 0.2em;
  39. margin: 0;
  40. width: 300px;
  41. }
  42. .ui-combobox-button {
  43. position: absolute;
  44. width: 1.8em !important;
  45. margin: 0;
  46. margin-left: -1px;
  47. top: 0;
  48. bottom: 0;
  49. }
  50. .ui-combobox-button .ui-button-text {
  51. padding: 0em;
  52. }
  53. .ui-combobox .ui-autocomplete {
  54. max-height: 30em;
  55. overflow-y: auto;
  56. overflow-x: hidden;
  57. z-index: 99999;
  58. }