LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-23 04:41:14 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
Jay Sitter 2023-06-17 14:24:13 -04:00
parent ff4d37d03a
commit 878e0f0f85
1 changed files with 20 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/shared/components/home/site-sidebar.tsx
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>
); );
} }