You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

select.scss 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @mixin liferay-select {
  2. $select-button-width : 24px;
  3. $select-button-negative-width : -24px;
  4. &.v-app select,
  5. .v-window select {
  6. padding: 1px;
  7. }
  8. select {
  9. background-color: #fff;
  10. }
  11. .v-filterselect {
  12. padding-right: $select-button-width; /* Space for the button */
  13. }
  14. .v-filterselect-button {
  15. width: $select-button-width;
  16. margin-right: $select-button-negative-width;
  17. height: 24px;
  18. background: transparent url(../common/buttons_sprites.png) no-repeat 0 0;
  19. }
  20. .v-filterselect-button:hover {
  21. background-position: 0px -24px;
  22. }
  23. .v-filterselect-suggestpopup {
  24. border: 1px solid #98C0F4;
  25. }
  26. .v-filterselect-suggestmenu {
  27. min-height: 2px;
  28. }
  29. .v-filterselect-prevpage,
  30. .v-filterselect-prevpage-off,
  31. .v-filterselect-nextpage,
  32. .v-filterselect-nextpage-off {
  33. background-color: #fff;
  34. }
  35. .v-filterselect-prevpage span,
  36. .v-filterselect-prevpage-off span,
  37. .v-filterselect-nextpage span,
  38. .v-filterselect-nextpage-off span {
  39. display: block;
  40. height: 8px;
  41. width: 16px;
  42. margin-left: auto;
  43. margin-right: auto;
  44. text-indent: -99999px;
  45. }
  46. .v-filterselect-prevpage span, .v-filterselect-nextpage span {
  47. background: transparent no-repeat 0 -4px;
  48. background-image: url(/html/themes/classic/images/aui/icon_sprite.png);
  49. }
  50. .v-filterselect-nextpage span {
  51. background-position: -65px -4px;
  52. }
  53. .v-filterselect-suggestmenu .gwt-MenuItem span {
  54. height: 18px;
  55. }
  56. .v-filterselect-suggestmenu .gwt-MenuItem {
  57. border: 1px solid transparent;
  58. &.gwt-MenuItem-selected {
  59. background-color: #dfe8f6;
  60. border: 1px solid #333;
  61. color: #000;
  62. }
  63. }
  64. .v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
  65. float: left;
  66. }
  67. .v-select-twincol-buttons .v-button-wrap {
  68. padding-left: 11px;
  69. padding-right: 11px;
  70. }
  71. }