+ <>
{/* ------- CUSTOM CODE -------- */}
- {/* Ideally this would only render if there is a demoUrl and the it's a mobile device. However,the `windowSize` does not provide a tablet so we have to hide it through CSS. */}
- {demoUrl && (
-
-
-
+ {/* Moved to be on top of the inner content. */}
+ {/* The banner is rendered per version based on the versions config on docusaurus.config.js */}
+
+ {/* ------- CUSTOM CODE END -------- */}
+
+
+
+
+
+
+ {docTOC.mobile}
+ {children}
+
+
+
- )}
- {/* ------- CUSTOM CODE END -------- */}
- {docTOC.desktop &&
{docTOC.desktop}
}
-
+ {/* ------- CUSTOM CODE -------- */}
+ {/* Ideally this would only render if there is a demoUrl and the it's a mobile device. However,the `windowSize` does not provide a tablet so we have to hide it through CSS. */}
+ {demoUrl && (
+
+ )}
+ {/* ------- CUSTOM CODE END -------- */}
+ {docTOC.desktop &&
{docTOC.desktop}
}
+
+ >
);
}
diff --git a/src/theme/Icon/Edit/index.tsx b/src/theme/Icon/Edit/index.tsx
index 4e6ab424207..dfadeaab866 100644
--- a/src/theme/Icon/Edit/index.tsx
+++ b/src/theme/Icon/Edit/index.tsx
@@ -6,12 +6,13 @@
* - Changed the icon to be the GitHub icon since the icon is used on the `Edit this page` link, which links to the GitHub repo.
*/
-import React from 'react';
+import React, { type ReactNode } from 'react';
import clsx from 'clsx';
import type { Props } from '@theme/Icon/Edit';
+
import styles from '@docusaurus/theme-classic/src/theme/Icon/Edit/styles.module.css';
-export default function IconEdit({ className, ...restProps }: Props): JSX.Element {
+export default function IconEdit({ className, ...restProps }: Props): ReactNode {
return (