milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix styling issues in book readers

Browse source
This commit is contained in:
Bill Thornton 2022-09-29 01:30:01 -04:00
parent 48032c3b93
commit a9f03f5475
3 changed files with 32 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/plugins/comicsPlayer/style.scss
View file

@ -28,7 +28,15 @@
text-shadow: 0 0 20px #fff; text-shadow: 0 0 20px #fff;
} }
.actionButtons > button:hover { .actionButtons {
background: #fff; right: 0.5vh;
top: 0.5vh;
z-index: 1002;
position: absolute;
}
.actionButtonIcon {
color: #000;
opacity: 0.7;
} }
} }

30
src/plugins/pdfPlayer/style.scss
View file

@ -4,22 +4,22 @@
width: 100%; width: 100%;
overflow: none; overflow: none;
z-index: 100; z-index: 100;
background: #000; background: #fff;
}
#canvas { #canvas {
display: block; display: block;
margin: auto; margin: auto;
} }
.actionButtons { .actionButtons {
right: 0.5vh; right: 0.5vh;
top: 0.5vh; top: 0.5vh;
z-index: 1002; z-index: 1002;
position: absolute; position: absolute;
} }
.actionButtonIcon { .actionButtonIcon {
color: black; color: #000;
opacity: 0.7; opacity: 0.7;
}
} }

16
src/themes/dark/theme.css
View file

@ -483,7 +483,8 @@ html {
} }
#comicsPlayer, #comicsPlayer,
#bookPlayer { #bookPlayer,
#pdfPlayer {
background: #101010; background: #101010;
} }
@ -496,14 +497,11 @@ html {
color: #fff; color: #fff;
} }
.actionButtonIcon { #comicsPlayer .actionButtonIcon,
#pdfPlayer .actionButtonIcon {
color: #fff; color: #fff;
} }
.actionButtons > button:hover {
background: #101010 !important;
}
#dialogToc { #dialogToc {
background-color: #101010; background-color: #101010;
} }
@ -516,11 +514,11 @@ html {
color: #00a4dc; color: #00a4dc;
} }
.toc li a:link { #dialogToc .toc li a:link {
color: #ccc; color: #ccc;
} }
.toc li a:active, #dialogToc .toc li a:active,
.toc li a:hover { #dialogToc .toc li a:hover {
color: #00a4dc; color: #00a4dc;
} }