search-dropdown.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. //
  2. // Search Dropdown
  3. // --------------------------------------------------
  4. .dropdown-search-message {
  5. padding: @padding-large-vertical @padding-large-horizontal;
  6. color: @text-muted;
  7. }
  8. .dropdown-search-loader {
  9. padding: @padding-large-vertical @padding-large-horizontal;
  10. }
  11. .dropdown-search-header {
  12. padding: 8px 20px;
  13. color: @text-muted;
  14. font-weight: bold;
  15. }
  16. // result
  17. .dropdown-search-thread, .dropdown-search-user {
  18. small {
  19. color: @text-muted;
  20. }
  21. &:hover small, &:focus small {
  22. color: @dropdown-link-hover-color;
  23. }
  24. &:active small {
  25. color: @dropdown-link-active-color;
  26. }
  27. }
  28. .dropdown-search-thread {
  29. .media-heading, .media-body small {
  30. display: block;
  31. width: 370px;
  32. overflow-x: hidden;
  33. text-overflow: ellipsis;
  34. }
  35. .media-heading {
  36. height: 22px;
  37. margin-bottom: 0px;
  38. }
  39. .media-body small {
  40. overflow: hidden;
  41. white-space: normal;
  42. max-height: 47px;
  43. }
  44. .dropdown-search-post-content {
  45. margin-bottom: @line-height-computed / 4;
  46. }
  47. }
  48. // footer
  49. .dropdown-search-footer {
  50. border-bottom: 1px solid @gray-lighter;
  51. padding-bottom: @padding-small-vertical;
  52. &:last-child {
  53. border-bottom: none;
  54. padding-bottom: 0px;
  55. }
  56. }
  57. .dropdown-menu > li.dropdown-search-footer > a {
  58. font-size: small;
  59. }