phlaym/dragonpolls
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed #20 dealt with the pill on iOS

Browse Source
This commit is contained in:
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
globals.php
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

23
styles/style.css
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;