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' 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}> <header className={classes.root}>
{(image || source) && ( {(image || source) && (
<div className={classes.corner}> <div className={classes.corner}>
@ -25,7 +25,7 @@ const Title = ({ title, tag, version, teaser, source, image, children, ...props
)} )}
</div> </div>
)} )}
<H1 className={classes.h1} {...props}> <H1 className={classes.h1} id={id} {...props}>
{title} {title}
</H1> </H1>
{tag && <Tag spaced>{tag}</Tag>} {tag && <Tag spaced>{tag}</Tag>}

View File

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

View File

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

View File

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