Fix general-purpose IDs

This commit is contained in:
Ines Montani 2019-03-15 14:48:26 +01:00
parent cbcba699dd
commit 8af7d01382
4 changed files with 7 additions and 3 deletions

View File

@ -8,7 +8,7 @@ import { H1 } from './typography'
import classes from '../styles/title.module.sass'
const Title = ({ title, tag, version, teaser, source, image, children, ...props }) => (
const Title = ({ id, title, tag, version, teaser, source, image, children, ...props }) => (
<header className={classes.root}>
{(image || source) && (
<div className={classes.corner}>
@ -25,7 +25,7 @@ const Title = ({ title, tag, version, teaser, source, image, children, ...props
)}
</div>
)}
<H1 className={classes.h1} {...props}>
<H1 className={classes.h1} id={id} {...props}>
{title}
</H1>
{tag && <Tag spaced>{tag}</Tag>}

View File

@ -17,7 +17,7 @@ export default function HTML(props) {
/>
{props.headComponents}
</head>
<body id="top" {...props.bodyAttributes}>
<body id="_top" {...props.bodyAttributes}>
{props.preBodyComponents}
<noscript key="noscript" id="gatsby-noscript">
This app works best with JavaScript enabled.

View File

@ -16,6 +16,9 @@
margin-bottom: 0.5em
vertical-align: middle
&[id]:target
padding-top: 0 !important
.teaser
font: normal var(--font-size-sm)/var(--line-height-md) var(--font-primary)
color: var(--color-dark)

View File

@ -90,6 +90,7 @@ const Docs = ({ pageContext, children }) => (
source={sourcePath}
tag={tag}
version={version}
id="_title"
/>
{children}
{subFooter}