Make book table of contents prettier

Changes the way the table of contents looks. The two biggest parts are hiding the bullets in the list, making each link black and hiding the link underline. This makes them look more like buttons than web links. The #dialogToc changes resize the table of contents based on the length of the list and the length of the longest chapter name rather than have the table of contents take up most of the screen for a short and small list. The link text size was also increased from 92% to 120%.
This commit is contained in:
rourien 2022-08-24 22:11:43 -06:00 committed by GitHub
parent 0b85560658
commit a0fb4313c9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -42,6 +42,12 @@
#dialogToc { #dialogToc {
background-color: white; background-color: white;
height: fit-content;
width: fit-content;
max-height: 80%;
max-width: 60%;
padding-right: 50px;
padding-bottom: 15px;
.bookplayerButtonIcon { .bookplayerButtonIcon {
color: black; color: black;
@ -49,5 +55,18 @@
.toc li { .toc li {
margin-bottom: 5px; margin-bottom: 5px;
list-style-type: none;
font-size: 120%;
a:link {
color: #black;
text-decoration: none;
a:active,
a:hover {
color: #00a4dc;
text-decoration: none;
}
} }
} }