Catalog alignment
[sdc.git] / catalog-ui / src / app / ng2 / components / ui / search-with-autocomplete / search-with-autocomplete.component.less
1 .sdc-search-with-autocomplete-container{
2     &.sdc-autocomplete-visible {
3
4         .sdc-search-bar-input {
5             border-bottom-left-radius: 0;
6         }
7         .sdc-search-bar-button {
8             border-bottom-right-radius: 0;
9         }
10         .sdc-autocomplete-results {
11             border: solid 1px #d2d2d2;
12             border-top:none;
13             border-bottom-left-radius: 4px;
14             border-bottom-right-radius: 4px;
15             background-color: #fff;
16             padding: 10px 20px;
17             width:100%;
18             position:absolute;
19             max-height: 200px;
20             overflow-y: scroll;
21         }
22
23         .sdc-autocomplete-result-item {
24             color:#5a5a5a;
25             padding: 5px 0;
26             cursor:pointer;
27
28             &:hover {
29                 color: #999;
30             }
31         }
32     }
33 }
34