better layout

This commit is contained in:
Wouter van Wijk 2013-03-06 21:48:08 +01:00
parent 0ee1f46d68
commit 55ba58f1e7
3 changed files with 12 additions and 10 deletions

View File

@ -285,9 +285,11 @@
background-color: #f0f0f0; background-color: #f0f0f0;
border: 1px solid #999; border: 1px solid #999;
border-bottom: 0; border-bottom: 0;
padding: 0;
} }
.table { .table {
padding: 0;
list-style-type:none; list-style-type:none;
} }
@ -310,8 +312,8 @@
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
} }
.table li h1 { .albumdivider h1, .table li h1 {
font-size: 100% !important; font-size: 120% !important;
} }
.albumdivider { .albumdivider {
@ -319,7 +321,8 @@
} }
.smalldivider { .smalldivider {
heigth: 10px !important; font-size: 25% !important;
heigth: 5px !important;
background-color: #ddd !important; background-color: #ddd !important;
} }
@ -361,10 +364,10 @@
} }
.currenttrack2 a { .currenttrack2 a {
margin-left: 8px; margin-left: 15px;
} }
.currenttrack a { .currenttrack a {
margin-left: 14px; margin-left: 20px;
} }
/******************* /*******************

View File

@ -165,9 +165,9 @@ function resultsToTables(results, target, uri) {
if (results[i].album.uri != nexturi) { if (results[i].album.uri != nexturi) {
tableid = 'art' + i; tableid = 'art' + i;
//render differently if only one track in the album //render differently if only one track in the album
if (newalbum.length == 1) { if ( newalbum.length == 1 ) {
// html += '<li data-role="list-divider" data-theme="d" class="smalldivider"></li>'; // html += '<li data-role="list-divider" data-theme="d" class="smalldivider"></li>';
html += '<li class="smalldivider"></li>'; if (i != 0) { html += '<li class="smalldivider"> &nbsp;</li>'; }
html += '<li id="' + targetmin + '-' + newalbum[0].uri + '"><a href="#" onclick="return popupTracks(event, \'' + uri + '\',\'' + newalbum[0].uri + '\');">'; html += '<li id="' + targetmin + '-' + newalbum[0].uri + '"><a href="#" onclick="return popupTracks(event, \'' + uri + '\',\'' + newalbum[0].uri + '\');">';
html += '<h1>' + newalbum[0].name + "</h1>"; html += '<h1>' + newalbum[0].name + "</h1>";
html += '<p>'; html += '<p>';
@ -189,7 +189,7 @@ function resultsToTables(results, target, uri) {
} else { } else {
html += '<li class="albumdivider">'; html += '<li class="albumdivider">';
// html += '<a href="#coverpopup" onclick="return coverPopup();" data-position-to="window" data-rel="popup"><img id="' + targetmin + '-cover-' + i + '" class="artistcover" width="30" height="30" /></a>'; // html += '<a href="#coverpopup" onclick="return coverPopup();" data-position-to="window" data-rel="popup"><img id="' + targetmin + '-cover-' + i + '" class="artistcover" width="30" height="30" /></a>';
html += '<a href="#" onclick="return showAlbum(\'' + results[i].album.uri + '\');"><img id="' + targetmin + '-cover-' + i + '" class="artistcover" width="30" height="30" /><p><em>' + results[i].album.name + '</em></p><p>'; html += '<a href="#" onclick="return showAlbum(\'' + results[i].album.uri + '\');"><img id="' + targetmin + '-cover-' + i + '" class="artistcover" width="30" height="30" /><h1>' + results[i].album.name + '</h1><p>';
for ( j = 0; j < results[i].album.artists.length; j++) { for ( j = 0; j < results[i].album.artists.length; j++) {
html += results[i].album.artists[j].name; html += results[i].album.artists[j].name;
html += (j == results[i].album.artists.length - 1) ? '' : ' / '; html += (j == results[i].album.artists.length - 1) ? '' : ' / ';

View File

@ -59,7 +59,7 @@ function resizeMb() {
//set height of playlist scrollers //set height of playlist scrollers
if ($(window).width() > 480) { if ($(window).width() > 480) {
$('.scroll').height($(window).height() - 104); $('.scroll').height($(window).height() - 111);
//jqm added something which it shouldnt (at least in this case) I guess //jqm added something which it shouldnt (at least in this case) I guess
// $('#playlistspane').removeClass('height').height($(window).height() - 110); // $('#playlistspane').removeClass('height').height($(window).height() - 110);
$('.scroll').removeClass('height').removeClass('width'); $('.scroll').removeClass('height').removeClass('width');
@ -340,7 +340,6 @@ $(document).ready(function() {
//update gui status every x seconds from mopdidy //update gui status every x seconds from mopdidy
setInterval(updateTimer, STATUS_TIMER); setInterval(updateTimer, STATUS_TIMER);
//only show backbutton if in UIWebview //only show backbutton if in UIWebview
if (window.navigator.standalone) { if (window.navigator.standalone) {
$("#btback").show(); $("#btback").show();