mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 19:08:18 -07:00
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:
parent
0b85560658
commit
a0fb4313c9
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user