pro/im_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

typing indicators work now

Browse Source
This commit is contained in:
or-else
2017-09-14 15:36:34 -07:00
parent e3d95eafe1
commit a6e59936e2
3 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/base.css
+18 -5
View File
@@ -628,6 +628,24 @@ table.permission-editor td.checkbox {
background-color: #C0C0C0;
}
/* Typing indicator: animation of the online dot */
.online.typing {
animation: typing 1.5s infinite;
}
@keyframes typing {
0% { background-color: #40C040; }
25% { background-image: radial-gradient(#30D030 0%, #40C040 67%); }
33.3% { background-image: radial-gradient(#10EE10 0%, #40C040 50%); }
41.7% { background-image: radial-gradient(#00FF00 0%, #40C040 35%); }
50% { background-image: radial-gradient(#30D030 0%, #40C040 67%); }
58.3% { background-image: radial-gradient(#10EE10 0%, #40C040 50%); }
66.7% { background-image: radial-gradient(#00FF00 0%, #40C040 35%); }
75% { background-image: radial-gradient(#30D030 0%, #40C040 67%); }
83.3% { background-image: radial-gradient(#10EE10 0%, #40C040 50%); }
91.6% { background-image: radial-gradient(#00FF00 0%, #40C040 35%); }
}
.contact-box .checkmark.material-icons {
display: inline-block;
width: 1.5rem;
@@ -1474,11 +1492,6 @@ ul.tabbar li.active > a:after {
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }