specter/CyTube
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Tweak playlist and search UI

Browse source
This commit is contained in:
calzoneman 2014-01-21 22:41:53 -06:00
parent 7307c9c82e
commit 0e2037f308
3 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/channel.jade
View file

@ -130,7 +130,7 @@ html(lang="en")
#queuefail.col-lg-12.col-md-12 #queuefail.col-lg-12.col-md-12
.vertical-spacer .vertical-spacer
.col-lg-12.col-md-12 .col-lg-12.col-md-12
#queue.videolist ul#queue.videolist
#plmeta #plmeta
span#plcount 0 items span#plcount 0 items
span#pllength 00:00:00 span#pllength 00:00:00

5
www/assets/js/callbacks.js
View file

@ -862,11 +862,12 @@ Callbacks = {
$(li).appendTo($("#library")); $(li).appendTo($("#library"));
}, },
itemsPerPage: 100 itemsPerPage: 10
}; };
var p = Paginate(data.results, opts); var p = Paginate(data.results, opts);
p.paginator.insertBefore($("#library")) p.paginator.insertAfter($("#library"))
.addClass("pull-right")
.attr("id", "search_pagination"); .attr("id", "search_pagination");
$("#library").data("paginator", p); $("#library").data("paginator", p);
}, },

22
www/css/cytube.css
View file

@ -28,7 +28,7 @@
border-radius: 5px; border-radius: 5px;
} }
#playlist, #userlist { #userlist {
list-style: none outside none; list-style: none outside none;
padding: 0; padding: 0;
} }
@ -199,6 +199,7 @@
#library { #library {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
margin-bottom: 5px;
} }
#library_search, #queue_next, #ce_queue_next { #library_search, #queue_next, #ce_queue_next {
@ -230,10 +231,10 @@
.queue_entry { .queue_entry {
line-height: 22px; line-height: 22px;
background-color: #ffffff; background-color: #ffffff;
margin: 0 0 2px auto;
padding: 2px; padding: 2px;
font-size: 8pt; font-size: 8pt;
border: 1px solid #aaaaaa; border: 1px solid #aaaaaa;
border-top-width: 0;
} }
.queue_temp { .queue_temp {
@ -245,11 +246,24 @@
border-color: #bce8f1; border-color: #bce8f1;
} }
#queue {
padding: 0;
margin: 0;
}
#queue > li:last-child { #queue > li:last-child {
border-bottom: 0; border-bottom: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.videolist > li:first-child {
border-top-width: 1px;
}
li.ui-sortable-helper, li.ui-sortable-placeholder + li.queue_entry {
border-top-width: 1px;
}
.qe_btn { .qe_btn {
height: 20px; height: 20px;
font-family: Monospace; font-family: Monospace;
@ -499,3 +513,7 @@
#cs-chatfilters-exporttext { #cs-chatfilters-exporttext {
margin-top: 5px; margin-top: 5px;
} }
.pagination {
margin: 0;
}