diff options
| author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-11-11 18:23:43 +0500 |
|---|---|---|
| committer | Joram Wilander <jwawilander@gmail.com> | 2016-11-11 08:23:43 -0500 |
| commit | 7c1fe7a765ef6383d1730a5e377bc22066231b06 (patch) | |
| tree | dc9970a5c021010e2d01a80ea35466c6a784cc0b /webapp/sass/utils/_mixins.scss | |
| parent | c0a631000e20b504c8f264b5863f2c1d5e08706c (diff) | |
| download | chat-7c1fe7a765ef6383d1730a5e377bc22066231b06.tar.gz chat-7c1fe7a765ef6383d1730a5e377bc22066231b06.tar.bz2 chat-7c1fe7a765ef6383d1730a5e377bc22066231b06.zip | |
PLT-4316 - Webrtc improvements (#4525)
Diffstat (limited to 'webapp/sass/utils/_mixins.scss')
| -rw-r--r-- | webapp/sass/utils/_mixins.scss | 61 |
1 files changed, 10 insertions, 51 deletions
diff --git a/webapp/sass/utils/_mixins.scss b/webapp/sass/utils/_mixins.scss index e252086ae..6a041d6ec 100644 --- a/webapp/sass/utils/_mixins.scss +++ b/webapp/sass/utils/_mixins.scss @@ -32,68 +32,27 @@ @mixin webrtc-button { .webrtc__button { @include border-radius(50px); + background: $button--ready; display: block; - height: 32px; - width: 32px; + height: 33px; + text-align: center; + width: 33px; &.on, &:hover { background: darken($button--ready, 5%); } - &:hover circle { - fill: darken($button--ready, 5%); - } - - circle { - fill: $button--ready; - - &.offline { - fill: $video-circle-offline; - } - } - - path { - .on { - display: none; - } - - .off { - display: block; - } - } - - &.on { - path { - .on { - display: block; - } - - .off { - display: none; - } - } + &.offline { + background: $video-circle-offline; - circle { - fill-opacity: 0; + &:hover { + background: $video-circle-offline; } } - } - a { - &[disabled] { - .webrtc__button { - &:hover { - background: none; - box-shadow: none; - } - - &:hover { - circle { - fill: $video-circle-offline; - } - } - } + svg { + fill: $white; } } } |