Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-12 10:00:52 +01:00
Code Issues Releases Wiki Activity

Fixed header shadow on older Safari

Browse Source
This commit is contained in:
squidfunk 2020-02-15 23:24:29 +01:00
parent a6b22a4461
commit a539eab0b5
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/javascripts/observables/header/_/index.ts
View File

@ -52,7 +52,10 @@ export function watchHeader(
el: HTMLElement
): Observable<Header> {
const styles = getComputedStyle(el)
const sticky = styles.position === "sticky"
const sticky = [
"sticky", /* Modern browsers */
"-webkit-sticky" /* Old Safari */
].includes(styles.position)
return of({
sticky,
height: sticky ? el.offsetHeight : 0

1
src/assets/stylesheets/layout/_base.scss
View File

@ -66,6 +66,7 @@ body {
display: flex;
position: relative;
flex-direction: column;
width: 100%;
min-height: 100%;
// Hack: reset font-size to 10px, so the spacing for all inline elements is
// correct again. Otherwise the spacing would be based on 20px.