Fixes partly displayed tooltips.

This commit is contained in:
hristoterezov 2014-09-30 18:22:22 +03:00
parent 391ac21405
commit 7071e0a1e9
2 changed files with 16 additions and 15 deletions

View File

@ -164,64 +164,64 @@
<div style="position: relative;" id="header_container"> <div style="position: relative;" id="header_container">
<div id="header"> <div id="header">
<span id="toolbar"> <span id="toolbar">
<a class="button" data-toggle="popover" data-placement="bottom" shortcut="mutePopover" content="Mute / Unmute" onclick='toggleAudio();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" shortcut="mutePopover" content="Mute / Unmute" onclick='toggleAudio();'>
<i id="mute" class="icon-microphone"></i> <i id="mute" class="icon-microphone"></i>
</a> </a>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" shortcut="toggleVideoPopover" content="Start / stop camera" onclick='toggleVideo();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" shortcut="toggleVideoPopover" content="Start / stop camera" onclick='toggleVideo();'>
<i id="video" class="icon-camera"></i> <i id="video" class="icon-camera"></i>
</a> </a>
<span id="recording" style="display: none"> <span id="recording" style="display: none">
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Record" onclick='toggleRecording();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Record" onclick='toggleRecording();'>
<i id="recordButton" class="icon-recEnable"></i> <i id="recordButton" class="icon-recEnable"></i>
</a> </a>
</span> </span>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Lock / unlock room" onclick="Toolbar.openLockDialog();"> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Lock / unlock room" onclick="Toolbar.openLockDialog();">
<i id="lockIcon" class="icon-security"></i> <i id="lockIcon" class="icon-security"></i>
</a> </a>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Invite others" onclick="Toolbar.openLinkDialog();"> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Invite others" onclick="Toolbar.openLinkDialog();">
<i class="icon-link"></i> <i class="icon-link"></i>
</a> </a>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<span class="toolbar_span"> <span class="toolbar_span">
<a class="button" data-toggle="popover" shortcut="toggleChatPopover" data-placement="bottom" content="Open / close chat" onclick='BottomToolbar.toggleChat();'> <a class="button" data-container="body" data-toggle="popover" shortcut="toggleChatPopover" data-placement="bottom" content="Open / close chat" onclick='BottomToolbar.toggleChat();'>
<i id="chatButton" class="icon-chat"></i> <i id="chatButton" class="icon-chat"></i>
</a> </a>
<span id="unreadMessages"></span> <span id="unreadMessages"></span>
</span> </span>
<span id="prezi_button"> <span id="prezi_button">
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Share Prezi" onclick='Prezi.openPreziDialog();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Share Prezi" onclick='Prezi.openPreziDialog();'>
<i class="icon-prezi"></i> <i class="icon-prezi"></i>
</a> </a>
</span> </span>
<span id="etherpadButton"> <span id="etherpadButton">
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Shared document" onclick='Etherpad.toggleEtherpad(0);'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Shared document" onclick='Etherpad.toggleEtherpad(0);'>
<i class="icon-share-doc"></i> <i class="icon-share-doc"></i>
</a> </a>
</span> </span>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<span id="desktopsharing" style="display: none"> <span id="desktopsharing" style="display: none">
<a class="button" data-toggle="popover" data-placement="bottom" content="Share screen" onclick="toggleScreenSharing();"> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Share screen" onclick="toggleScreenSharing();">
<i class="icon-share-desktop"></i> <i class="icon-share-desktop"></i>
</a> </a>
</span> </span>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Enter / Exit Full Screen" onclick='buttonClick("#fullScreen", "icon-full-screen icon-exit-full-screen");Toolbar.toggleFullScreen();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Enter / Exit Full Screen" onclick='buttonClick("#fullScreen", "icon-full-screen icon-exit-full-screen");Toolbar.toggleFullScreen();'>
<i id="fullScreen" class="icon-full-screen"></i> <i id="fullScreen" class="icon-full-screen"></i>
</a> </a>
<span id="sipCallButton" style="display: none"> <span id="sipCallButton" style="display: none">
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<a class="button" data-toggle="popover" data-placement="bottom" content="Call SIP number" onclick='callSipButtonClicked();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Call SIP number" onclick='callSipButtonClicked();'>
<i class="icon-telephone"></i></a> <i class="icon-telephone"></i></a>
</span> </span>
<div class="header_button_separator"></div> <div class="header_button_separator"></div>
<span id="hangup"> <span id="hangup">
<a class="button" data-toggle="popover" data-placement="bottom" content="Hang Up" onclick='hangup();'> <a class="button" data-container="body" data-toggle="popover" data-placement="bottom" content="Hang Up" onclick='hangup();'>
<i class="icon-hangup" style="color:#ff0000;font-size: 1.4em;"></i> <i class="icon-hangup" style="color:#ff0000;font-size: 1.4em;"></i>
</a> </a>
</span> </span>
@ -243,8 +243,8 @@
<div id="largeVideoContainer" class="videocontainer"> <div id="largeVideoContainer" class="videocontainer">
<div id="presentation"></div> <div id="presentation"></div>
<div id="etherpad"></div> <div id="etherpad"></div>
<a target="_new"><div class="watermark leftwatermark" id=""></div></a> <a target="_new"><div class="watermark leftwatermark"></div></a>
<a target="_new"><div class="watermark rightwatermark" id=""></div></a> <a target="_new"><div class="watermark rightwatermark"></div></a>
<a class="poweredby" href="http://jitsi.org" target="_new" >powered by jitsi.org</a> <a class="poweredby" href="http://jitsi.org" target="_new" >powered by jitsi.org</a>
<video id="largeVideo" autoplay oncontextmenu="return false;"></video> <video id="largeVideo" autoplay oncontextmenu="return false;"></video>
</div> </div>
@ -298,7 +298,7 @@
<li class="title"><i class="icon-contact-list"></i> CONTACT LIST</li> <li class="title"><i class="icon-contact-list"></i> CONTACT LIST</li>
</ul> </ul>
</div> </div>
<a id="downloadlog" onclick='dump(event.target);' data-toggle="popover" data-placement="right" data-content="Download logs" ><i class="fa fa-cloud-download"></i></a> <a id="downloadlog" onclick='dump(event.target);' data-container="body" data-toggle="popover" data-placement="right" data-content="Download logs" ><i class="fa fa-cloud-download"></i></a>
</div> </div>
</body> </body>
</html> </html>

View File

@ -81,6 +81,7 @@ var Util = (function (my) {
element.setAttribute("data-toggle", "popover"); element.setAttribute("data-toggle", "popover");
element.setAttribute("data-placement", position); element.setAttribute("data-placement", position);
element.setAttribute("data-html", true); element.setAttribute("data-html", true);
element.setAttribute("data-container", "body");
}; };
return my; return my;