Update spacing for orm

Author: Carla Goncalves

src/theme/DocSidebar/Desktop/Content/index.tsx

@@ -23,7 +23,7 @@ function useShowAnnouncementBar() {
   return isActive && showAnnouncementBar;
 }
 
-export default function DocSidebarDesktopContent({ path, sidebar, className }: Props): JSX.Element {
+export default function DocSidebarDesktopContent({ path, sidebar, className, promo }: Props & { promo: boolean }): JSX.Element {
   const showAnnouncementBar = useShowAnnouncementBar();
 
   return (
@@ -36,6 +36,7 @@ export default function DocSidebarDesktopContent({ path, sidebar, className }: P
       className={clsx(
         "menu thin-scrollbar",
         styles.menu,
+        promo && styles.hasPromo,
         showAnnouncementBar && styles.menuWithAnnouncementBar,
         className
       )}

src/theme/DocSidebar/Desktop/Content/styles.module.css

@@ -13,4 +13,8 @@
   .menuWithAnnouncementBar {
     margin-bottom: var(--docusaurus-announcement-bar-height);
   }
+  
+  .hasPromo {
+    margin-top: -16px;
+  }
 }

src/theme/DocSidebar/Desktop/index.tsx

@@ -19,7 +19,7 @@ function DocSidebarDesktop({ path, sidebar, onCollapse, isHidden }: Props) {
   } = useThemeConfig();
 
   let location = useLocation();
-
+  const hasPromo = (location.pathname.split("/")[1] == "orm" || location.pathname.split("/")[2] == "orm");
   return (
     <div
       className={clsx(
@@ -29,10 +29,10 @@ function DocSidebarDesktop({ path, sidebar, onCollapse, isHidden }: Props) {
       )}
     >
       {hideOnScroll && <Logo tabIndex={-1} className={styles.sidebarLogo} />}
-      {(location.pathname.split("/")[1] == "orm" || location.pathname.split("/")[2] == "orm") && (
+      {hasPromo && (
         <Promo />
       )}
-      <Content path={path} sidebar={sidebar} />
+      <Content path={path} sidebar={sidebar} promo={hasPromo} />
       {hideable && <CollapseButton onClick={onCollapse} />}
     </div>
   );