Attempt to improve overscroll in Apple browsers

This commit is contained in:
Magnus Hovland Hoff 2018-08-21 19:06:53 +02:00
parent b8da0ff753
commit 0847cb5c4d
2 changed files with 11 additions and 3 deletions

View file

@ -8,6 +8,14 @@ html {
"Source Serif Pro", serif; "Source Serif Pro", serif;
} }
/* For overscroll in Apple browsers */
html {
background: var(--theme-main);
}
body {
background: white;
}
h1 { h1 {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -187,11 +195,11 @@ nav {
/* Sticky footer */ /* Sticky footer */
html, body { html, body {
height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body { body {
min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html class="theme-{{theme()}}">
<head> <head>
<title>{{title}}</title> <title>{{title}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -9,7 +9,7 @@
<link href="_assets/{{style_css()}}" rel="stylesheet"> <link href="_assets/{{style_css()}}" rel="stylesheet">
<meta name="generator" content="{{project_name()}} {{version()}}" /> <meta name="generator" content="{{project_name()}} {{version()}}" />
</head> </head>
<body class="theme-{{theme()}}"> <body>
{{>search_input.html}} {{>search_input.html}}
{{{body}}} {{{body}}}
</body> </body>