/* $group Autocomplete */ /* https://gist.github.com/salilpa/2e7f40ac5358c32f9b20 https://gist.github.com/daz/2168334 */ .ui-autocomplete { *border-right-width: 2px; *border-bottom-width: 2px; _width: 160px; background-clip: padding-box; background-color: #fff; border-style: solid; border-width: 1px; border-radius: $border-radius-base; display: none; float: left; left: 0; list-style: none; margin: 2px 0 0 0; min-width: 160px; padding: 5px; position: absolute; text-align: left; top: 100%; z-index: 1000; .ui-menu-item { border-bottom: 1px solid $dropdown-link-hover-bg; &:hover, &:focus { background-color: $dropdown-link-hover-bg; color: $dropdown-link-hover-color; } > a.ui-corner-all { clear: both; display: block; font-weight: normal; line-height: 18px; padding: 3px 15px; white-space: nowrap; &.ui-state-hover, &.ui-state-active { background-image: none; border-radius: 0; text-decoration: none; } } } } .dir-rtl .ui-autocomplete { float: right; } .ui-autocomplete { cursor: pointer; max-height: 240px; max-width: 300px; overflow-y: auto; overflow-x: hidden; } .courseitemsearch { width: 100%; p, > div { display: inline; } input { margin-bottom: 4px; width: 100%; } #courseitemsearchresults { position: relative; } .ui-autocomplete { left: 0; position: absolute; top: 0; } } #courseitemsearchresults .ui-autocomplete { max-width: none; width: 100% !important; } .dir-rtl { .courseitemsearch ul.ui-autocomplete { margin: 0; } } /* $end */