moon
/
sync
mirror of https://github.com/calzoneman/sync.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Work on another layout option, fix footer

This commit is contained in:
calzoneman 2013-04-27 18:49:39 -05:00
parent 9e884ac116
commit 7c9d9c7ab1
3 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
www/assets/css/ytsync.css
View File

@ -1,3 +1,20 @@
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -90px;
}
#footer, .push {
height: 30px;
margin: 0;
clear: both;
}
.videolist {
list-style: none outside none;
margin-left: 0;
@ -15,7 +32,7 @@
.qe_btn {
height: 20px;
font-family: Monospace;
padding: 0 5px;
padding: 0 5px 0 5px;
margin: auto;
overflow: hidden;
}

27
www/assets/js/client.js
View File

@ -461,6 +461,33 @@ function largeLayout() {
$("#userlist").css("width", "200px");
}
function singleColumnLayout() {
$("#videodiv").removeClass().addClass("span12");
VWIDTH = $("#ytapiplayer").parent().css("width").replace("px", "");
VHEIGHT = parseInt(VWIDTH) * 9 / 16;
$("#ytapiplayer").attr("width", VWIDTH).attr("height", VHEIGHT);
var chat = $("#chatdiv").detach();
$("#layoutrow").remove();
var r = $("<div />").addClass("row").insertAfter($("#videodiv").parent());
r.attr("id", "layoutrow");
chat.removeClass().addClass("span12").appendTo(r);
chat.css("height", "200px");
$("#messagebuffer").css("height", "100%");
$("#userlist").css("height", "100%");
$("#chatline").removeClass().addClass("span12");
$("#userlist").css("width", "200px");
var r2d2 = $("<div/>").addClass("row").insertBefore($("#queuerow"));
r2d2.css("margin-top", "60px");
var librow = $("#queuerow").attr("id", "");
librow.css("margin-top", "5px");
r2d2.attr("id", "queuerow");
$("#pollcontainer").detach().appendTo(r2d2).removeClass().addClass("span12");
$("#queuediv").detach().appendTo(r2d2).removeClass().addClass("span12");
$(librow.find(".span5")[0]).removeClass().addClass("span12");
}
function hugeLayout() {
$("#videodiv").removeClass().addClass("span12");
VWIDTH = $("#ytapiplayer").parent().css("width").replace("px", "");//1170

2
www/index.html
View File

@ -19,6 +19,7 @@
<body>
<div class="wrapper">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
@ -249,6 +250,7 @@
</div>
</div>
</div> <!-- /container -->
</div>
<div id="footer">
<p class="muted">
CyTube Software Copyright &copy; 2013 Calvin Montgomery. Available for free on <a href="http://github.com/calzoneman/sync">GitHub</a>