Added line break to search results

This commit is contained in:
Daniel Triendl 2023-06-27 17:34:11 +02:00
parent 72e7a95904
commit e1459856c2
2 changed files with 6 additions and 2 deletions

View File

@ -33,6 +33,9 @@
border-bottom: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;
color: #000; color: #000;
} }
.tapi-search-autocomplete-items div p {
margin: 0;
}
.tapi-search-autocomplete-items div:hover, .tapi-search-autocomplete-active { .tapi-search-autocomplete-items div:hover, .tapi-search-autocomplete-active {
/*when hovering an item:*/ /*when hovering an item:*/
background-color: #E7E6E6 !important; background-color: #E7E6E6 !important;

View File

@ -117,8 +117,9 @@ export class Search {
contacts.forEach(contact => { contacts.forEach(contact => {
var item = document.createElement('div'); var item = document.createElement('div');
item.setAttribute('class', 'tapi-search-autocomplete-item') item.setAttribute('class', 'tapi-search-autocomplete-item')
item.appendChild(document.createTextNode(contact.tD_NAME)) var p = document.createElement('p')
item.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI)) p.innerHTML = contact.tD_NAME + '<br>' + contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI
item.appendChild(p)
item.onclick = () => { this.dial(contact.tD_NUMBER_TAPI) } item.onclick = () => { this.dial(contact.tD_NUMBER_TAPI) }
item.onmouseover = () => { this.selectResult(item) } item.onmouseover = () => { this.selectResult(item) }
item.dataset.tapiNumber = contact.tD_NUMBER_TAPI item.dataset.tapiNumber = contact.tD_NUMBER_TAPI