MDL-54687 core_message: added search functionality

This commit is contained in:
Mark Nelson
2016-10-07 16:26:40 +08:00
parent d29cdf3a1f
commit cd03b8d7f2
16 changed files with 1181 additions and 27 deletions
+48 -1
View File
@@ -51,7 +51,18 @@
border-right: 1px solid #e3e3e3;
height: 600px;
.searcharea {
&.searchfilter {
.searchtextarea {
height: 80px;
}
.searcharea {
height: 470px;
}
}
.searchtextarea {
padding: 5px;
text-align: center;
height: 50px;
@@ -85,6 +96,42 @@
transition: background-color linear 0.2s;
}
}
.searchfilterarea {
line-height: 20px;
.searchfilter {
float: left;
}
.searchfilterdelete {
float: left;
margin-left: 5px;
cursor: pointer;
}
}
}
.searcharea {
.heading {
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 14px;
font-weight: bold;
}
.course {
text-align: center;
&:hover {
background-color: #4f94cd;
color: #fff;
border: none;
cursor: pointer;
}
}
}
.contacts {
+38 -5
View File
@@ -5795,7 +5795,13 @@ a.ygtvspacer:hover {
border-right: 1px solid #e3e3e3;
height: 600px;
}
.messaging-area-container .messaging-area .contacts-area .searcharea {
.messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
height: 80px;
}
.messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
height: 470px;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea {
padding: 5px;
text-align: center;
height: 50px;
@@ -5804,7 +5810,7 @@ a.ygtvspacer:hover {
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searcharea input {
.messaging-area-container .messaging-area .contacts-area .searchtextarea input {
background-color: #f5f5f5;
border: 0;
width: 90%;
@@ -5813,19 +5819,46 @@ a.ygtvspacer:hover {
box-shadow: none;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searcharea input:focus {
.messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.messaging-area-container .messaging-area .contacts-area .searcharea.searching {
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
background-color: #f5f5f5;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searcharea.searching input {
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
line-height: 20px;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
float: left;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
float: left;
margin-left: 5px;
cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .heading {
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 14px;
font-weight: bold;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course {
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
background-color: #4f94cd;
color: #fff;
border: none;
cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .contacts {
height: 500px;
overflow-y: scroll;