mirrors/calibre-web
1
0
Fork 0
mirror of https://github.com/janeczku/calibre-web synced 2025-01-13 10:50:31 +00:00
Code Issues 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 { #viewer {
width: 90%; width: 80%;
height: 80%; height: 80%;
/* margin-left: 10%; */ /* margin-left: 10%; */
margin: 0 auto; margin: 0 auto;
@ -652,10 +652,10 @@ input:-ms-placeholder {
padding: 4px; padding: 4px;
} }
@media only screen and (max-width: 1040px) { @media only screen and (max-width: 1040px) and (orientation: portrait) {
#viewer{ #viewer{
width: 50%; width: 80%;
margin-left: 25%; margin-left: 10%;
} }
#divider, #divider,
@ -745,16 +745,38 @@ input:-ms-placeholder {
height: 740px; 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) { @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#viewer iframe { #viewer iframe {
width: 460px; width: 460px;
height: 415px; 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 */ /* For iPhone 6\6s portrait layouts only */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) { @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
#viewer { #viewer {
width: 300px; width: 300px;