Fixed search result style
This commit is contained in:
parent
6186b14b16
commit
3bf1baeca8
9
src/search.css
Normal file
9
src/search.css
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
.tapi-search-result {
|
||||||
|
color: #000;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tapi-search-result:hover, .tapi-search-result-selected {
|
||||||
|
background-color: #E7E6E6;
|
||||||
|
}
|
||||||
|
|
@ -1,3 +1,4 @@
|
|||||||
|
import './search.css'
|
||||||
import { TapiContact } from './tapi-contact'
|
import { TapiContact } from './tapi-contact'
|
||||||
import { debounce } from './debounce'
|
import { debounce } from './debounce'
|
||||||
import { axios, fireChangeEvents } from './utils'
|
import { axios, fireChangeEvents } from './utils'
|
||||||
@ -137,7 +138,6 @@ export class Search {
|
|||||||
contacts.forEach(contact => {
|
contacts.forEach(contact => {
|
||||||
var li = document.createElement('li')
|
var li = document.createElement('li')
|
||||||
li.classList.add('tapi-search-result')
|
li.classList.add('tapi-search-result')
|
||||||
li.classList.add('search-result')
|
|
||||||
li.classList.add('pointer')
|
li.classList.add('pointer')
|
||||||
li.onmouseover = () => { this.selectResult(li) }
|
li.onmouseover = () => { this.selectResult(li) }
|
||||||
li.dataset.tapiNumber = contact.tD_NUMBER_TAPI
|
li.dataset.tapiNumber = contact.tD_NUMBER_TAPI
|
||||||
@ -163,11 +163,9 @@ export class Search {
|
|||||||
private selectResult (resultLi: Element) {
|
private selectResult (resultLi: Element) {
|
||||||
var items = document.getElementsByClassName('tapi-search-result')
|
var items = document.getElementsByClassName('tapi-search-result')
|
||||||
for (var item of items) {
|
for (var item of items) {
|
||||||
item.classList.remove('bg-light')
|
|
||||||
item.classList.remove('tapi-search-result-selected')
|
item.classList.remove('tapi-search-result-selected')
|
||||||
}
|
}
|
||||||
|
|
||||||
resultLi.classList.add('bg-light')
|
|
||||||
resultLi.classList.add('tapi-search-result-selected')
|
resultLi.classList.add('tapi-search-result-selected')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user