haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

BEMificated classes and add title

This commit is contained in:
Ilya Daynatovich 2016-10-13 18:00:02 +03:00
parent c54938374d
commit 26792625f2
3 changed files with 47 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/_jitsi_popover.scss
View File

@ -21,7 +21,9 @@
margin-bottom: 35px;
&__title {
text-align: center;
text-align: left;
margin: 0;
padding: 0;
}
&__content {

4
modules/UI/util/JitsiPopover.js
View File

@ -76,7 +76,7 @@ var JitsiPopover = (function () {
*/
JitsiPopover.prototype.createPopover = function () {
$("body").append(this.template);
$(".jitsipopover > .jitsipopover-content").html(this.options.content);
$(".jitsipopover > .jitsipopover__content").html(this.options.content);
var self = this;
$(".jitsipopover").on("mouseenter", function () {
self.popoverIsHovered = true;
@ -103,7 +103,7 @@ var JitsiPopover = (function () {
$(".jitsipopover").css(
{top: position.top, left: position.left, display: "table"});
$(".jitsipopover > .arrow").css({left: calcLeft});
$(".jitsipopover > .jitsiPopupmenuPadding").css(
$(".jitsipopover > .jitsipopover__menu-padding").css(
{left: calcLeft - 50});
}
});

58
modules/UI/videolayout/ConnectionIndicator.js
View File

@ -95,21 +95,47 @@ ConnectionIndicator.prototype.generateText = function () {
return `${width}x${height}`;
}).join(', ') || 'N/A';
var result = "<table style='width:100%'>" +
"<tr>" +
"<td><span data-i18n='connectionindicator.bitrate'>" +
translate("connectionindicator.bitrate") + "</span></td>" +
"<td><span class='jitsipopover__green'>&darr;</span>" +
downloadBitrate + " <span class='jitsipopover__orange'>&uarr;</span>" +
uploadBitrate + "</td>" +
"</tr><tr>" +
"<td><span data-i18n='connectionindicator.packetloss'>" +
translate("connectionindicator.packetloss") + "</span></td>" +
"<td>" + packetLoss + "</td>" +
"</tr><tr>" +
"<td><span data-i18n='connectionindicator.resolution'>" +
translate("connectionindicator.resolution") + "</span></td>" +
"<td>" + resolutionStr + "</td></tr></table>";
let headerKey = 'connectionindicator.header';
let result = (
`<table style='width:100%'>
<tr>
<td>
<span class="jitsipopover__title"
data-i18n="">${translate(headerKey)}</span>
</td>
</tr>
<tr>
<td>
<span data-i18n='connectionindicator.bitrate'>
${translate("connectionindicator.bitrate")}
</span>
</td>
<td>
<span class='jitsipopover__green'>&darr;</span>
${downloadBitrate}
<span class='jitsipopover__orange'>&uarr;</span>
${uploadBitrate}
</td>
</tr>
<tr>
<td>
<span data-i18n='connectionindicator.packetloss'>
${translate("connectionindicator.packetloss")}
</span>
</td>
<td>${packetLoss}</td>
</tr>
<tr>
<td>
<span data-i18n='connectionindicator.resolution'>
${translate("connectionindicator.resolution")}
</span>
</td>
<td>
${resolutionStr}
</td>
</tr>
</table>`);
if(this.videoContainer.videoSpanId == "localVideoContainer") {
result += "<a class=\"jitsipopover__showmore link\" " +
@ -232,7 +258,7 @@ ConnectionIndicator.prototype.generateText = function () {
result += transport + "</table>";
}
return result;
};