Fixed #20 dealt with the pill on iOS

v1.2.0 1.2.0-beta
aymm 2021-06-06 19:05:30 +02:00
parent 67d6717f53
commit 8bec30561e
Signed by: phlaym
GPG Key ID: A06651BAB6777237
2 changed files with 24 additions and 1 deletions

View File

@ -70,7 +70,7 @@ function get_page_header(
. $favicons
. '<title>'.$title.'</title><link rel="stylesheet" href="styles/style.css">'
. $script_str
. '<meta name="viewport" content="width=device-width,initial-scale=1">'
. '<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">'
. '</head><body><header>'
. $home_link
. $new_poll_link

View File

@ -390,6 +390,29 @@ footer .sourcecode svg {
stroke-width: 1.5em;
}
/* Deal with the pill on iOS */
@supports (padding: env(safe-area-inset-left)) {
@media (max-width: 1000px) {
header {
padding-left: max(env(safe-area-inset-left, 20px), 8px);
padding-right: env(safe-area-inset-right, 20px);
padding-top: calc(env(safe-area-inset-top, 20px) + 8px);
}
footer {
padding-left: calc(env(safe-area-inset-left, 20px) + 8px);
padding-right: env(safe-area-inset-right, 20px);
padding-bottom: max(env(safe-area-inset-bottom, 20px), 8px);
}
main {
padding-left: max(env(safe-area-inset-left, 20px), 8px);
padding-right: max(env(safe-area-inset-right, 20px), 8px);
}
body {
margin: 0;
}
}
}
/* Poll grid */
.poll-grid {
display: flex;