diff options
author | Andrew Dolgov <[email protected]> | 2019-03-15 13:54:02 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2019-03-15 13:54:02 +0300 |
commit | 4f1c7a977ba958b6def28b2ca42bcaef83286e4f (patch) | |
tree | b8b5bc67ae31963170ab8224bf0a3bbc4e278d28 /js/offline.js | |
parent | 0d01e871012b85936a9a5d64082dcf551499e2b0 (diff) |
code/layout cleanup
Diffstat (limited to 'js/offline.js')
-rw-r--r-- | js/offline.js | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/js/offline.js b/js/offline.js index c47c7b6..afde6b5 100644 --- a/js/offline.js +++ b/js/offline.js @@ -98,29 +98,31 @@ function populate_list() { const series_link = info.series_name ? `<div><a class="series_link" href="#">${info.series_name + " [" + info.series_index + "]"}</a></div>` : ""; - const cell = $(`<div class="col-xs-6 col-sm-3 col-md-2 index_cell" id="cell-${info.id}"> - <div class="thumb ${thumb_class}"> + const cell = $(`<div class="col-xs-6 col-sm-3 col-md-2" id="cell-${info.id}"> + <div class="thumbnail ${thumb_class}"> <a href="read.html?id=${info.epub_id}&b=${info.id}"> - <img data-src="holder.js/120x180"> + <img style="display : none"> </a> - <div class="caption"> - <div><a class="${title_class}" href="read.html?id=${info.epub_id}&b=${info.id}">${info.title}</a></div> - <div><a class="author_link" href="#">${info.author_sort}</a></div> - ${series_link} - </div> - <div class="dropdown" style="white-space : nowrap"> - <a href="#" data-toggle="dropdown" role="button">More...<span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#" data-book-id="${info.id}" onclick="return show_summary(this)">Summary</a></li> - <li><a href="#" data-book-id="${info.id}" onclick="offline_remove2(this)">Remove offline data</a></li> - </ul> - </div> + </div> + <div class="caption"> + <div><a class="${title_class}" href="read.html?id=${info.epub_id}&b=${info.id}">${info.title}</a></div> + <div><a class="author_link" href="#">${info.author_sort}</a></div> + ${series_link} + </div> + <div class="dropdown" style="white-space : nowrap"> + <a href="#" data-toggle="dropdown" role="button">More...<span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#" data-book-id="${info.id}" onclick="return show_summary(this)">Summary</a></li> + <li><a href="#" data-book-id="${info.id}" onclick="offline_remove2(this)">Remove offline data</a></li> + </ul> </div> </div>`); if (cover) { - cell.find("img").attr("src", cover); + cell.find("img") + .css("background-image", "url(" + cover + ")") + .fadeIn(); cell.find(".series_link") .attr("title", info.series_name + " [" + info.series_index + "]") |