Merge pull request #914 from jitsi/fix_toolbar_ringoverlay

fix(toolbar): Issue with toolbar is positioned under the ring overlay

css/_base.scss

 }
 
 .tipsy {
+    z-index: $tooltipsZ;
     &-inner {
         background-color: $tooltipBg;
     }
     &-arrow {
         border-color: $tooltipBg;
     }
-}
+}

css/_variables.scss

 /**
  * Z-indexes. TODO: Replace this by a function.
  */
+$tooltipsZ: 901;
 $toolbarZ: 900;
 $overlayZ: 800;
 
 $buttonFontColor: #777;
 $buttonHoverFontColor: #287ade;
 $linkFontColor: #489afe;
-$linkHoverFontColor: #287ade;
+$linkHoverFontColor: #287ade;

css/_videolayout_default.scss

-.video-wrapper {
-    position: relative;
-    z-index: 1;
-}
-
 #videospace {
     display: block;
     position: absolute;

index.html

         </div>
         <!--#include virtual="plugin.welcomepage.footer.html" -->
     </div>
-    <div id="videoconference_page" class="video-wrapper">
+    <div id="videoconference_page">
         <div id="mainToolbarContainer">
                 <div id="notice" class="notice" style="display: none">
                     <span id="noticeText" class="noticeText"></span>