Add padding above anchor titles so they show up nice when scrolled to

This commit is contained in:
Fabio Berger 2018-08-01 19:02:20 +02:00
parent 5e3bbbbb3c
commit 32e1c2ac97
3 changed files with 3 additions and 3 deletions

View File

@ -34,7 +34,7 @@ export class PropertyBlock extends React.Component<PropertyBlockProps, PropertyB
return ( return (
<div <div
id={`${this.props.sectionName}-${property.name}`} id={`${this.props.sectionName}-${property.name}`}
className="pb4" className="pb4 pt2"
key={`property-${property.name}-${property.type.name}`} key={`property-${property.name}-${property.type.name}`}
onMouseOver={this._setAnchorVisibility.bind(this, true)} onMouseOver={this._setAnchorVisibility.bind(this, true)}
onMouseOut={this._setAnchorVisibility.bind(this, false)} onMouseOut={this._setAnchorVisibility.bind(this, false)}

View File

@ -100,7 +100,7 @@ export class TypeDefinition extends React.Component<TypeDefinitionProps, TypeDef
return ( return (
<div <div
id={this.props.shouldAddId ? typeDefinitionAnchorId : ''} id={this.props.shouldAddId ? typeDefinitionAnchorId : ''}
className="pb2" className="pb2 pt2"
style={{ overflow: 'hidden', width: '100%' }} style={{ overflow: 'hidden', width: '100%' }}
onMouseOver={this._setAnchorVisibility.bind(this, true)} onMouseOver={this._setAnchorVisibility.bind(this, true)}
onMouseOut={this._setAnchorVisibility.bind(this, false)} onMouseOut={this._setAnchorVisibility.bind(this, false)}

View File

@ -93,7 +93,7 @@ export class NestedSidebarMenu extends React.Component<NestedSidebarMenuProps, N
<ScrollLink <ScrollLink
key={`menuItem-${menuItemName}`} key={`menuItem-${menuItemName}`}
to={id} to={id}
offset={-10} offset={0}
hashSpy={true} hashSpy={true}
duration={constants.DOCS_SCROLL_DURATION_MS} duration={constants.DOCS_SCROLL_DURATION_MS}
containerId={constants.DOCS_CONTAINER_ID} containerId={constants.DOCS_CONTAINER_ID}