fix: Add .accordion wrapper around sidebar to obtain negative bottom margin

This commit is contained in:
Jay Sitter 2023-06-17 14:24:13 -04:00
parent ff4d37d03a
commit 878e0f0f85

View file

@ -29,25 +29,27 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
render() { render() {
return ( return (
<section <div className="accordion">
id="sidebarInfo" <section
className="card border-secondary mb-3 overflow-hidden" id="sidebarInfo"
> className="card border-secondary mb-3 overflow-hidden"
<header className="card-header" id="sidebarInfoHeader">
{this.siteName()}
{!this.state.collapsed && (
<BannerIconHeader banner={this.props.site.banner} />
)}
</header>
<div
id="sidebarInfoBody"
className="collapse show"
aria-labelledby="sidebarInfoHeader"
> >
<div className="card-body">{this.siteInfo()}</div> <header className="card-header" id="sidebarInfoHeader">
</div> {this.siteName()}
</section> {!this.state.collapsed && (
<BannerIconHeader banner={this.props.site.banner} />
)}
</header>
<div
id="sidebarInfoBody"
className="collapse show"
aria-labelledby="sidebarInfoHeader"
>
<div className="card-body">{this.siteInfo()}</div>
</div>
</section>
</div>
); );
} }