fix: Add .accordion wrapper around sidebar to obtain negative bottom margin
This commit is contained in:
parent
ff4d37d03a
commit
878e0f0f85
1 changed files with 20 additions and 18 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue