OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Change animation speed

pull/21833/head
Travis Ralston 2021-04-15 10:49:39 -06:00
parent f0d1e7c565
commit 3e24d6f8ac
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
res/css/views/rooms/_VoiceRecordComposerTile.scss
View File

@ -53,7 +53,7 @@ limitations under the License.
font-size: $font-14px; font-size: $font-14px;
&::before { &::before {
animation: recording-pulse 1.5s infinite; animation: recording-pulse 2s infinite;
content: ''; content: '';
background-color: $voice-record-live-circle-color; background-color: $voice-record-live-circle-color;
@ -84,14 +84,17 @@ limitations under the License.
// midpoint: lamps take longer to turn off than they do to turn on, and the // midpoint: lamps take longer to turn off than they do to turn on, and the
// extra frames give it a bit of a realistic punch for when the animation is // extra frames give it a bit of a realistic punch for when the animation is
// ramping back up to 100% opacity. // ramping back up to 100% opacity.
//
// Target animation timings: steady for 1.5s, fade out for 0.3s, fade in for 0.2s
// (intended to be used in a loop for 2s animation speed)
@keyframes recording-pulse { @keyframes recording-pulse {
0% { 0% {
opacity: 1; opacity: 1;
} }
65% { 35% {
opacity: 0; opacity: 0;
} }
100% { 65% {
opacity: 1; opacity: 1;
} }
} }