search_api_federated_solr_autocomplete.css in Search API Federated Solr 8.3
#autocomplete-wrapper {
position: relative;
}
#federated-search-page-block-form .search-autocomplete-container {
position: absolute;
border: 1px solid #999;
background: #fff;
z-index: 1000;
width: 100%;
display: block;
}
#federated-search-page-block-form .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__title {
font-size:.8em;
line-height:1.46667em;
position: relative;
font-weight: bold;
padding: 10px 20px;
border-bottom: 1px dashed #ccc;
display: block;
}
.search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__close-button {
font-size:.8em;
line-height:1.46667em;
font-style:normal;
padding:3px 7px;
border-color:#ccc;
color:#333;
cursor:pointer;
position:absolute;
right:5px
}
.search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__close-button:hover {
border-color:#b5b5b5;
background-color:#f6f6f6
}
#federated-search-page-block-form .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__directions {
display: block;
padding:10px 20px;
}
#federated-search-page-block-form .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__directions-item {
display: block;
font-size:.8em;
line-height:1.46667em;
}
.search-autocomplete-container:not(.visually-hidden) .autocomplete-suggestion {
cursor:pointer;
background-color:#fff;
white-space: nowrap;
}
.search-autocomplete-container:not(.visually-hidden) .autocomplete-suggestion__link {
display: block;
color:#737373;
text-decoration: none;
font-size:.8em;
line-height:1.46667em;
padding:15px 20px;
border:1px solid #fff;
border-bottom-color:#ccc;
}
.search-autocomplete-container:not(.visually-hidden) .highlight .autocomplete-suggestion__link,
.search-autocomplete-container:not(.visually-hidden) .autocomplete-suggestion__link:hover {
text-decoration: underline;
background-color:#f6f6f6;
border:1px solid #f6f6f6;
border-bottom-color:#ccc;
}
.autocomplete-selected {
background: #f0f0f0;
}
.visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
}
File
css/search_api_federated_solr_autocomplete.css
View source
- #autocomplete-wrapper {
- position: relative;
- }
-
- #federated-search-page-block-form .search-autocomplete-container {
- position: absolute;
- border: 1px solid #999;
- background: #fff;
- z-index: 1000;
- width: 100%;
- display: block;
- }
-
- #federated-search-page-block-form .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__title {
- font-size:.8em;
- line-height:1.46667em;
- position: relative;
- font-weight: bold;
- padding: 10px 20px;
- border-bottom: 1px dashed #ccc;
- display: block;
- }
- .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__close-button {
- font-size:.8em;
- line-height:1.46667em;
- font-style:normal;
- padding:3px 7px;
- border-color:#ccc;
- color:#333;
- cursor:pointer;
- position:absolute;
- right:5px
- }
-
- .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__close-button:hover {
- border-color:#b5b5b5;
- background-color:#f6f6f6
- }
-
- #federated-search-page-block-form .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__directions {
- display: block;
- padding:10px 20px;
- }
-
- #federated-search-page-block-form .search-autocomplete-container:not(.visually-hidden) .search-autocomplete-container__directions-item {
- display: block;
- font-size:.8em;
- line-height:1.46667em;
- }
-
- .search-autocomplete-container:not(.visually-hidden) .autocomplete-suggestion {
- cursor:pointer;
- background-color:#fff;
- white-space: nowrap;
- }
-
- .search-autocomplete-container:not(.visually-hidden) .autocomplete-suggestion__link {
- display: block;
- color:#737373;
- text-decoration: none;
- font-size:.8em;
- line-height:1.46667em;
- padding:15px 20px;
- border:1px solid #fff;
- border-bottom-color:#ccc;
- }
-
- .search-autocomplete-container:not(.visually-hidden) .highlight .autocomplete-suggestion__link,
- .search-autocomplete-container:not(.visually-hidden) .autocomplete-suggestion__link:hover {
- text-decoration: underline;
- background-color:#f6f6f6;
- border:1px solid #f6f6f6;
- border-bottom-color:#ccc;
- }
-
- .autocomplete-selected {
- background: #f0f0f0;
- }
-
- .visually-hidden {
- position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- }