Improve voice messages uploading state

Fixes https://github.com/vector-im/element-web/issues/18226 Fixes https://github.com/vector-im/element-web/issues/18224
2021-08-02 23:29:46 -06:00
parent 3ea0571c5f
commit c5d11a9f17
3 changed files with 55 additions and 13 deletions
@@ -46,6 +46,17 @@ limitations under the License.
    mask-image: url('$(res)/img/element-icons/trashcan.svg');
 }

+.mx_VoiceRecordComposerTile_uploadState {
+    margin-right: 21px;
+    color: $secondary-fg-color;
+
+    .mx_VoiceRecordComposerTile_uploadState_badge {
+        display: inline-block;
+        margin-right: 4px;
+        vertical-align: middle;
+    }
+}
+
 .mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer {
    // Note: remaining class properties are in the PlayerContainer CSS.