Changeset View
Changeset View
Standalone View
Standalone View
assets/src/utils/autocomplete.css
- This file was added.
.autocomplete { | |||||
position: relative; | |||||
display: inline-block; | |||||
} | |||||
input.invalid { | |||||
outline: none !important; | |||||
/* border: 2px solid red; */ | |||||
} | |||||
/* position the autocomplete items to be the same width as the container: */ | |||||
.autocomplete-items { | |||||
position: absolute; | |||||
border: 1px solid #d4d4d4; | |||||
width: 200px; | |||||
border-top: none; | |||||
z-index: 99998; | |||||
top: 100%; | |||||
left: 0; | |||||
right: 0; | |||||
/* | |||||
z-index: 99999; is taken by swh-top-bar | |||||
overflow-y: scroll; | |||||
*/ | |||||
} | |||||
.autocomplete-items div { | |||||
padding: 3px; | |||||
padding-left: 5px; | |||||
cursor: pointer; | |||||
background-color: #fff; | |||||
/* | |||||
font-size: 15px; | |||||
border-bottom: 1px solid #d4d4d4; | |||||
*/ | |||||
} | |||||
/* when hovering an item: */ | |||||
.autocomplete-items div:hover { | |||||
background-color: #e9e9e9; | |||||
} | |||||
/* when navigating through the items using the arrow keys: */ | |||||
.autocomplete-active { | |||||
background-color: #e20026 !important; | |||||
color: #fff; | |||||
} |