* Implements better listing & css

* Keypress event(Enter) done
This commit is contained in:
Indrajith K L
2018-07-31 11:11:25 +05:30
parent fe6ac74d50
commit 243eda1575
7 changed files with 174 additions and 54 deletions

75
src/app/SearchField.css Normal file
View File

@@ -0,0 +1,75 @@
.searchWrapper{
display: flex;
width: 500px;
justify-content: center;
align-items: center;
flex-direction: column
}
.search{
}
.title{
font-size: 45px;
}
.check-button{
height: 52px;
padding-bottom: 7px;
margin-left: 11px;
}
.display-message{
padding-top: 13px;
}
.safe-message{
color: green;
}
.not-safe-message{
color: #ff4a4a;
}
.searchResults {
padding-top: 21px;
max-height: 400px;
overflow: auto;
margin: 0 .4rem;
}
.searchResults div{margin: 5px 0}
.search .email-field{
border: 1px solid #000;
height: 46px;
width: 375px;
font-family: RMTyperighter;
font-size: 18px;
padding: 3px;
}
.hover-field {
text-decoration: none
}
.hover-field:hover {
position: relative
}
.hover-field span {
display: none;
font-size: 12px;
color: #000;
}
.hover-field:hover span {
border: #8f8e8e 1px solid;
padding: 5px 20px 5px 5px;
display: block;
z-index: 100;
left: -6px;
margin: 10px;
width: 250px;
position: absolute;
top: -46px;
text-decoration: none;
}