From 741e106565661ed9c7a7b9905e996a3516a4ba2c Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Tue, 13 Nov 2018 18:30:14 +0100 Subject: [PATCH] update animation image and location --- res/css/views/rooms/_WhoIsTypingTile.scss | 19 ++++++------------- res/img/typing-indicator-2x.gif | Bin 0 -> 4685 bytes 2 files changed, 6 insertions(+), 13 deletions(-) create mode 100644 res/img/typing-indicator-2x.gif diff --git a/res/css/views/rooms/_WhoIsTypingTile.scss b/res/css/views/rooms/_WhoIsTypingTile.scss index 69492bd120..7dfe6d1d5a 100644 --- a/res/css/views/rooms/_WhoIsTypingTile.scss +++ b/res/css/views/rooms/_WhoIsTypingTile.scss @@ -60,20 +60,13 @@ limitations under the License. color: $eventtile-meta-color; } -.mx_WhoIsTypingTile_label > span:after { - background-image: url('../../img/spinner.gif'); - background-size: 16px; - background-position: right; +.mx_WhoIsTypingTile_label > span { + background-image: url('../../img/typing-indicator-2x.gif'); + background-size: 25px; + background-position: left bottom; background-repeat: no-repeat; - right: 0px; - top: 0; - bottom: 0; - margin-left: 10px; - width: 16px; - height: 16px; - display: inline-block; - vertical-align: middle; - content: ""; + padding-bottom: 15px; + display: block; } .mx_MatrixChat_useCompactLayout { diff --git a/res/img/typing-indicator-2x.gif b/res/img/typing-indicator-2x.gif new file mode 100644 index 0000000000000000000000000000000000000000..86e34c7555cc9459c4ef9bb4c2fad86cc17a6e8a GIT binary patch literal 4685 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 Ppx|`9Uc^6-%18eTsD04& literal 0 HcmV?d00001