honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update search result styling (#3322) 

Change the height of the search results so that the height of each
places the text inside directly in the middle.

Apply a styling similar to the dashboard's heroes when hovering
over a search result.
This commit is contained in:
Michael Foss 2017-03-01 15:26:03 -05:00 committed by Ward Bell
parent 5985dc9cec
commit 5afcc05084
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
View File

@ -4,12 +4,17 @@
border-left: 1px solid gray; border-left: 1px solid gray;
border-right: 1px solid gray; border-right: 1px solid gray;
width:195px; width:195px;
height: 20px; height: 16px;
padding: 5px; padding: 5px;
background-color: white; background-color: white;
cursor: pointer; cursor: pointer;
} }
.search-result:hover {
color: #eee;
background-color: #607D8B;
}
#search-box{ #search-box{
width: 200px; width: 200px;
height: 20px; height: 20px;