From 7c1fe7a765ef6383d1730a5e377bc22066231b06 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Fri, 11 Nov 2016 18:23:43 +0500
Subject: PLT-4316 - Webrtc improvements (#4525)

---
 webapp/sass/utils/_mixins.scss | 61 +++++++-----------------------------------
 1 file changed, 10 insertions(+), 51 deletions(-)

(limited to 'webapp/sass/utils/_mixins.scss')

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;
         }
     }
 }
-- 
cgit v1.2.3-1-g7c22