@ideal-postcodes/address-finder
Version:
Address Finder JS library backed by the Ideal Postcodes UK address search API
62 lines (53 loc) • 1.1 kB
CSS
.idpc_ul.hidden {
display: none;
}
div.idpc_autocomplete {
position: relative;
margin: 0;
padding: 0;
border: 0;
}
div.idpc_autocomplete > input {
display: block;
}
div.idpc_autocomplete > ul {
position: absolute;
left: 0;
z-index: 999;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
border-radius: 0.3em;
margin: 0.2em 0 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
text-shadow: none;
max-height: 250px;
overflow-y: scroll;
}
div.idpc_autocomplete > ul > li {
position: relative;
padding: 0.2em 0.5em;
cursor: pointer;
}
div.idpc_autocomplete > ul > li:hover {
background: #b8d3e0;
color: black;
}
div.idpc_autocomplete > ul > li.idpc_error {
font-style: italic;
background-color: #eee;
cursor: default ;
}
div.idpc_autocomplete > ul > li[aria-selected="true"] {
background: #3d6d8f;
color: white;
z-index: 1000;
}
div.idpc_autocomplete > .idpc-unhide {
font-size: 90%;
text-decoration: underline;
cursor: pointer;
}