EbookFoundation
/
reading-lists
mirror of https://github.com/EbookFoundation/reading-lists.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed some css tags on personal booklist to more closely match 'all books page'

master
jdyer21 2020-12-09 17:24:38 -05:00
parent d7ea294ab9
commit 573121b9e9
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
booklist.html
View File

@ -149,7 +149,7 @@
<h1><span class="icon icon_"></span>My Booklist</h1> <h1><span class="icon icon_"></span>My Booklist</h1>
</div> </div>
<div class="body"> <div class="body">
<ul id="book-list"> <ul id="book-list" class="results">
</ul> </ul>
</div> </div>

19
booklist.js
View File

@ -39,11 +39,20 @@ const displayUsingApi = false;
} }
function makeListItem (id, book) { function makeListItem (id, book) {
const a = `<a href="${book.url}"><h3>${book.title}</h3></a>` const li = `<li class="booklink">
const li = `<li><div id="${id}" class="list-item"><img src="${book.imgSrc}"/>${a}<span>Author: ${book.author}</span> <a class="link" href="${book.url}">
<button title="Remove From Booklist" class="remove-from-booklist" <span id="${id}" class="cell leftcell with-cover">
style="background-color: indianred;">-</button> <img class="cover-thumb" src="${book.imgSrc}"/>
</div></li>` </span>
<span class="cell content">
<span class="title">${book.title}</span>
<span class="subtitle">Author: ${book.author}</span>
<button title="Remove From Booklist" class="remove-from-booklist"
style="background-color: indianred;">-</button>
</span>
<span class="hstrut"></span>
</a>
</li>`
return li return li
} }
})(jQuery) // eslint-disable-line })(jQuery) // eslint-disable-line