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

This commit is contained in:
hristoterezov 2016-09-21 16:34:06 -05:00
parent e7cbacf9a2
commit 302b0cf776
4 changed files with 5 additions and 8 deletions

View File

@ -169,6 +169,7 @@ form {
} }
.tipsy { .tipsy {
z-index: $tooltipsZ;
&-inner { &-inner {
background-color: $tooltipBg; background-color: $tooltipBg;
} }
@ -176,4 +177,4 @@ form {
&-arrow { &-arrow {
border-color: $tooltipBg; border-color: $tooltipBg;
} }
} }

View File

@ -60,6 +60,7 @@ $defaultWatermarkLink: '../images/watermark.png';
/** /**
* Z-indexes. TODO: Replace this by a function. * Z-indexes. TODO: Replace this by a function.
*/ */
$tooltipsZ: 901;
$toolbarZ: 900; $toolbarZ: 900;
$overlayZ: 800; $overlayZ: 800;
@ -72,4 +73,4 @@ $defaultDarkFontColor: #000;
$buttonFontColor: #777; $buttonFontColor: #777;
$buttonHoverFontColor: #287ade; $buttonHoverFontColor: #287ade;
$linkFontColor: #489afe; $linkFontColor: #489afe;
$linkHoverFontColor: #287ade; $linkHoverFontColor: #287ade;

View File

@ -1,8 +1,3 @@
.video-wrapper {
position: relative;
z-index: 1;
}
#videospace { #videospace {
display: block; display: block;
position: absolute; position: absolute;

View File

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