Include section-header classes
This commit is contained in:
parent
0b598e318b
commit
b11534f094
@ -170,7 +170,7 @@ class EditForm extends Component {
|
|||||||
const building_like = this.props.building_like;
|
const building_like = this.props.building_like;
|
||||||
return (
|
return (
|
||||||
<section className={(this.props.inactive)? "data-section inactive": "data-section"}>
|
<section className={(this.props.inactive)? "data-section inactive": "data-section"}>
|
||||||
<header className={(match? "active " : "") + " section-header edit"}>
|
<header className={`section-header edit ${this.props.slug} ${(match? "active" : "")}`}>
|
||||||
<NavLink
|
<NavLink
|
||||||
to={`/edit/${this.props.slug}/building/${this.props.building_id}.html`}
|
to={`/edit/${this.props.slug}/building/${this.props.building_id}.html`}
|
||||||
title={(this.props.inactive)? 'Coming soon… Click the ? for more info.' :
|
title={(this.props.inactive)? 'Coming soon… Click the ? for more info.' :
|
||||||
|
@ -75,7 +75,7 @@ const DataSection = (props) => {
|
|||||||
const match = props.cat === props.slug;
|
const match = props.cat === props.slug;
|
||||||
return (
|
return (
|
||||||
<section id={props.slug} className={(props.inactive)? "data-section inactive": "data-section"}>
|
<section id={props.slug} className={(props.inactive)? "data-section inactive": "data-section"}>
|
||||||
<header className={(match? "active " : "") + " section-header view"}>
|
<header className={`section-header view ${props.slug} ${(match? "active" : "")}`}>
|
||||||
<NavLink
|
<NavLink
|
||||||
to={`/view/${props.slug}/building/${props.building_id}.html`}
|
to={`/view/${props.slug}/building/${props.building_id}.html`}
|
||||||
title={(props.inactive)? 'Coming soon… Click the ? for more info.' :
|
title={(props.inactive)? 'Coming soon… Click the ? for more info.' :
|
||||||
|
@ -35,7 +35,7 @@ const OverviewSection = (props) => {
|
|||||||
const inactive = props.inactive;
|
const inactive = props.inactive;
|
||||||
return (
|
return (
|
||||||
<section className={(inactive? "inactive ": "") + "data-section legend"}>
|
<section className={(inactive? "inactive ": "") + "data-section legend"}>
|
||||||
<header className={(match? "active " : "") + " section-header view"}>
|
<header className={`section-header ${props.mode} ${props.slug} ${(match? "active" : "")}`}>
|
||||||
<NavLink
|
<NavLink
|
||||||
to={`/${props.mode}/${props.slug}.html`}
|
to={`/${props.mode}/${props.slug}.html`}
|
||||||
isActive={() => match}
|
isActive={() => match}
|
||||||
|
Loading…
Reference in New Issue
Block a user