1
0
Fork 0
mirror of https://github.com/Yetangitu/ampache synced 2025-10-05 10:49:37 +02:00

Fix the table overflow on small screens.

Docking playlist to top when scrolling in reborn theme.
This commit is contained in:
SUTJael 2013-11-21 14:42:27 +01:00
parent 865e70649e
commit 73d9b3c523
3 changed files with 33 additions and 1 deletions

View file

@ -21,6 +21,22 @@ $(document).ready(function () {
$('.default_hidden').hide();
});
$(function() {
var rightmenu = $("#rightbar");
var rightsubmenu = $("#rightbar .submenu");
var pos = rightmenu.offset();
$(window).scroll(function() {
if ($(this).scrollTop() > (pos.top - 60)) {
rightmenu.addClass('fixedrightbar');
rightsubmenu.addClass('fixedrightbarsubmenu');
}
else if ($(this).scrollTop() <= pos.top && rightmenu.hasClass('fixedrightbar')) {
rightmenu.removeClass('fixedrightbar');
rightsubmenu.removeClass('fixedrightbarsubmenu');
}
})
});
// flipField
// Toggles the disabled property on the specifed field
function flipField(field) {

View file

@ -477,6 +477,7 @@ hr {
table.tabledata
{
width:100%;
table-layout: fixed;
text-align:left;
border:1px solid #bbb;
}

View file

@ -591,6 +591,20 @@ input[type=button]:focus:active, input[type=submit]:focus:active {
overflow-y: auto;
}
/* For jQuery scrolling feature */
.fixedrightbar {
position: fixed !important;
top: -20px !important;
right: 10px !important;
}
.fixedrightbarsubmenu {
position: fixed !important;
top: 33px !important;
right: 70px !important;
}
/******************************/
#rightbar #rb_action {
list-style-type: none;
padding: 4px;
@ -742,6 +756,7 @@ span.page-nb {
table.tabledata {
width:100%;
table-layout: fixed;
text-align:left;
/*border:1px solid #bbb;*/
font-size: 14px;