diff options
| author | David Baker <dbkr@matrix.org> | 2014-11-13 14:34:03 +0000 |
|---|---|---|
| committer | David Baker <dbkr@matrix.org> | 2014-11-13 14:34:03 +0000 |
| commit | f842bca471ec19fb0fcf8e71536b113983896140 (patch) | |
| tree | 566343999646fb997aa8fad2b05b8eb5410b943f /syweb/webclient/app.css | |
| parent | This gives just enough space for the vertical scrollbar to be shown without a... (diff) | |
| download | synapse-f842bca471ec19fb0fcf8e71536b113983896140.tar.xz | |
Kill ng-animate with fire because it's terrible (was causing the page to be very sluggish). Do the call icons in pure CSS3 and use one less image to boot (in some browsers the phone icon will be the wrong browser but they can deal).
Diffstat (limited to 'syweb/webclient/app.css')
| -rwxr-xr-x | syweb/webclient/app.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/syweb/webclient/app.css b/syweb/webclient/app.css index 070e410647..76f3d13ac1 100755 --- a/syweb/webclient/app.css +++ b/syweb/webclient/app.css @@ -66,6 +66,15 @@ textarea, input { margin-left: 4px; margin-right: 4px; margin-top: 8px; + transition: transform linear 0.5s; + transition: -webkit-transform linear 0.5s; +} + +.callIcon.ended { + transform: rotateZ(45deg); + -webkit-transform: rotateZ(45deg); + filter: hue-rotate(-90deg); + -webkit-filter: hue-rotate(-90deg); } #callEndedIcon { |