mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

animate the search button whilst searching

Browse source
This commit is contained in:
Matthew Hodgson 2015-12-11 02:24:58 +00:00
parent 4c82d86092
commit fea3fed460
4 changed files with 26 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/skins/vector/css/molecules/SearchBar.css
View file

@ -35,7 +35,21 @@ limitations under the License.
.mx_SearchBar_searchButton {
cursor: pointer;
margin-right: 10px;
width: 37px;
height: 37px;
border-radius: 0px 3px 3px 0px;
background-color: #76CFA6;
}
@keyframes pulsate {
0% { opacity: 1.0; }
50% { opacity: 0.25; }
100% { opacity: 1.0; }
}
.mx_SearchBar_searching img {
animation: pulsate 0.75s ease-out;
animation-iteration-count: infinite;
}
.mx_SearchBar_button {