diff --git a/htdocs/css/mympd.css b/htdocs/css/mympd.css index e814573..fcd5a7d 100644 --- a/htdocs/css/mympd.css +++ b/htdocs/css/mympd.css @@ -33,10 +33,6 @@ button { } -.card { - min-height: 350px; -} - @media only screen and (max-width: 576px) { .header-logo { display:none !important; diff --git a/htdocs/js/mympd.js b/htdocs/js/mympd.js index c3bad88..8bf9499 100644 --- a/htdocs/js/mympd.js +++ b/htdocs/js/mympd.js @@ -1341,7 +1341,11 @@ function parseListDBtags(obj) { '
' + '
' + '

' + obj.data[i].value + '

' + - ' ' + + ' keyboard_arrow_right Show Titles ' + + '
' + + '
'+ + '
' + ' '+ ''; @@ -1433,6 +1437,16 @@ function parseListTitles(obj) { img.setAttribute('data-type', 'dir'); document.getElementById('albumartist' + id).innerText = obj.albumartist; + var titleTable = document.getElementById('collapseLink' + id); + var myCollapseInit = new Collapse(titleTable); + + document.getElementById('collapse' + id).addEventListener('show.bs.collapse', function() { + titleTable.innerHTML = 'keyboard_arrow_down Hide Titles'; + }, false); + document.getElementById('collapse' + id).addEventListener('hidden.bs.collapse', function() { + titleTable.innerHTML = 'keyboard_arrow_right Show Titles'; + }, false); + var titleList = ''; var nrItems = obj.data.length; for (var i = 0; i < nrItems; i++) {