From: Jay Sitter <jay@jaysitter.com>
Date: Sat, 17 Jun 2023 18:24:13 +0000 (-0400)
Subject: fix: Add .accordion wrapper around sidebar to obtain negative bottom margin
X-Git-Url: http://these/git/%7B%60%24%7BrepoUrl%7D/blob/master/docs/%7BrepoUrl%7D?a=commitdiff_plain;h=878e0f0f85d078b5e7ee09d738ef9f39d253a224;p=lemmy-ui.git

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

diff --git a/src/shared/components/home/site-sidebar.tsx b/src/shared/components/home/site-sidebar.tsx
index 283ddf8..b09f27d 100644
--- a/src/shared/components/home/site-sidebar.tsx
+++ b/src/shared/components/home/site-sidebar.tsx
@@ -29,25 +29,27 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
 
   render() {
     return (
-      <section
-        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="accordion">
+        <section
+          id="sidebarInfo"
+          className="card border-secondary mb-3 overflow-hidden"
         >
-          <div className="card-body">{this.siteInfo()}</div>
-        </div>
-      </section>
+          <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>
+          </div>
+        </section>
+      </div>
     );
   }