imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Handle basic state machine of recordings

Browse source
This commit is contained in:
Travis Ralston 2021-04-20 21:30:21 -06:00
parent afd53d8b53
commit 32e3ce3dea
9 changed files with 241 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

7
res/css/views/rooms/_VoiceRecordComposerTile.scss
View file

@ -36,11 +36,12 @@ limitations under the License.
}
.mx_VoiceRecordComposerTile_waveformContainer {
padding: 5px;
padding: 8px; // makes us 4px taller than the send/stop button
padding-right: 4px; // there's 1px from the waveform itself, so account for that
padding-left: 15px; // +10px for the live circle, +5px for regular padding
background-color: $voice-record-waveform-bg-color;
border-radius: 12px;
margin: 6px; // force the composer area to put a gutter around us
margin-right: 12px; // isolate from stop button
// Cheat at alignment a bit
@ -52,7 +53,7 @@ limitations under the License.
color: $voice-record-waveform-fg-color;
font-size: $font-14px;
&::before {
&.mx_VoiceRecordComposerTile_recording::before {
animation: recording-pulse 2s infinite;
content: '';
@ -61,7 +62,7 @@ limitations under the License.
height: 10px;
position: absolute;
left: 8px;
top: 16px; // vertically center
top: 18px; // vertically center
border-radius: 10px;
}