NunoSempere/calibre-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Epub Viewer Bugfix Retenia Ipad devices

Browse Source
This commit is contained in:
OzzieIsaacs 2017-07-09 16:28:22 +02:00
parent 16ce7799a2
commit 1fdb7dc497
1 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
cps/static/css/main.css
View File

@ -100,7 +100,7 @@ body {
}
#viewer {
width: 90%;
width: 80%;
height: 80%;
/* margin-left: 10%; */
margin: 0 auto;
@ -652,10 +652,10 @@ input:-ms-placeholder {
padding: 4px;
}
@media only screen and (max-width: 1040px) {
@media only screen and (max-width: 1040px) and (orientation: portrait) {
#viewer{
width: 50%;
margin-left: 25%;
width: 80%;
margin-left: 10%;
}
#divider,
@ -745,16 +745,38 @@ input:-ms-placeholder {
height: 740px;
}
}
/*For iPad landscape layouts only */
/*For iPad landscape layouts only *//*
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#viewer iframe {
width: 460px;
height: 415px;
}
}*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
/*and (-webkit-min-device-pixel-ratio: 2)*/ {
#viewer{
width: 80%;
margin-left: 10%;
}
#divider,
#divider.show {
display: none;
}
}
/*For iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#viewer iframe {
width: 960px;
height: 515px;
}
}
/* For iPhone 6\6s portrait layouts only */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
#viewer {
width: 300px;