yetangitu/epub.js
1
0
Fork 0
mirror of https://github.com/futurepress/epub.js.git synced 2025-10-04 15:09:16 +02:00
Code Issues Releases Wiki Activity

adjust sizing of table of contents to better display nested items, fix bug with display of final item in list

Browse source
This commit is contained in:
krushton 2013-02-03 15:51:19 -08:00
parent 4c5235162e
commit 44b7b35ba0
2 changed files with 28 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

20
css/main.css
View file

@ -208,12 +208,12 @@ input:-moz-placeholder {
#toc > ul{ #toc > ul{
margin-top: 50px; margin-top: 50px;
margin-bottom: 50px; margin-bottom: 50px;
padding-left: 40px; padding-left: 20px;
display: block; display: block;
} }
#toc li { #toc li {
margin-bottom: 10px; margin-bottom:10px;
width: 225px; width: 225px;
font-family: Georgia, "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif;
list-style: none; list-style: none;
@ -231,12 +231,27 @@ input:-moz-placeholder {
text-decoration: none; text-decoration: none;
} }
#toc a.chapter {
font-size: 1em;
}
#toc a.section {
font-size: .8em;
}
#toc li.currentChapter > a, #toc li.currentChapter > a,
#toc li a:hover { #toc li a:hover {
color: #f1f1f1 color: #f1f1f1
} }
#toc li.openChapter > a,
#toc li a:hover {
color: #E2E2E2;
}
#toc li ul { #toc li ul {
padding-left:10px;
margin-top: 8px;
display: none; display: none;
} }
@ -332,6 +347,7 @@ input:-moz-placeholder {
#toc > ul{ #toc > ul{
padding-left: 10px; padding-left: 10px;
webkit-padding-start:;
} }
} }

17
fpjs/reader/app.js
View file

@ -73,7 +73,7 @@ FPR.app.init = (function($){
$toc.empty(); $toc.empty();
//-- Recursively generate TOC levels //-- Recursively generate TOC levels
$items = generateTocItems(contents); $items = generateTocItems(contents, 1);
$toc.append($items); $toc.append($items);
@ -83,8 +83,10 @@ FPR.app.init = (function($){
var $this = $(this), var $this = $(this),
url = $this.data("url"); url = $this.data("url");
$(".openChapter").removeClass("openChapter");
$this.parent().addClass("openChapter"); $(".openChapter").removeClass("openChapter");
$this.parents('li').addClass("openChapter");
//-- Provide the Book with the url to show //-- Provide the Book with the url to show
// The Url must be found in the books manifest // The Url must be found in the books manifest
@ -98,19 +100,20 @@ FPR.app.init = (function($){
} }
function generateTocItems(contents){ function generateTocItems(contents, level){
var $container = $("<ul>"); var $container = $("<ul>");
var type = (level == 1) ? "chapter" : "section";
contents.forEach(function(item){ contents.forEach(function(item){
var $subitems, var $subitems,
$wrapper = $("<li id='toc-"+item.id+"'>"), $wrapper = $("<li id='toc-"+item.id+"'>"),
$item = $("<a class='toc_link' href='#/"+item.href+"' data-url='"+item.href+"'>"+item.label+"</a>"); $item = $("<a class='toc_link " + type + "' href='#/"+item.href+"' data-url='"+item.href+"'>"+item.label+"</a>");
$wrapper.append($item); $wrapper.append($item);
if(item.subitems && item.subitems.length){ if(item.subitems && item.subitems.length){
$subitems = generateTocItems(item.subitems); level++;
$subitems = generateTocItems(item.subitems, level);
$wrapper.append($subitems); $wrapper.append($subitems);
} }