diff --git a/packages/site/src/components/Navigation/Navigation.tsx b/packages/site/src/components/Navigation/Navigation.tsx
index 3c566a1d2..6ffa06a94 100644
--- a/packages/site/src/components/Navigation/Navigation.tsx
+++ b/packages/site/src/components/Navigation/Navigation.tsx
@@ -23,7 +23,7 @@ export function Navigation({
{children}
{open && (
setOpen(false)}
>
diff --git a/packages/site/src/components/Navigation/TableOfContents.tsx b/packages/site/src/components/Navigation/TableOfContents.tsx
index e241445f6..99c809de6 100644
--- a/packages/site/src/components/Navigation/TableOfContents.tsx
+++ b/packages/site/src/components/Navigation/TableOfContents.tsx
@@ -165,6 +165,7 @@ export const TableOfContents = ({
className={classNames(
'fixed xl:article-grid article-grid-gap xl:w-screen xl:pointer-events-none overflow-auto max-xl:min-w-[300px]',
{ hidden: !open },
+ { 'z-30': open },
)}
style={{
top: top ?? 0,
diff --git a/packages/site/src/components/Navigation/TopNav.tsx b/packages/site/src/components/Navigation/TopNav.tsx
index 523ad3c07..a6ff6b560 100644
--- a/packages/site/src/components/Navigation/TopNav.tsx
+++ b/packages/site/src/components/Navigation/TopNav.tsx
@@ -92,7 +92,7 @@ function NavItem({ item }: { item: SiteNavItem }) {
leaveFrom="transform opacity-100 scale-100"
leaveTo="transform opacity-0 scale-95"
>
-
+
{item.children?.map((action) => (
{/* This is really ugly, BUT, the action needs to be defined HERE or the click away doesn't work for some reason */}
@@ -160,7 +160,7 @@ function ActionMenu({ actions }: { actions?: SiteManifest['actions'] }) {
leaveFrom="transform opacity-100 scale-100"
leaveTo="transform opacity-0 scale-95"
>
-
+
{actions?.map((action) => (
{({ active }) => (
diff --git a/packages/site/src/pages/Article.tsx b/packages/site/src/pages/Article.tsx
index ada48ff4e..7f8235d41 100644
--- a/packages/site/src/pages/Article.tsx
+++ b/packages/site/src/pages/Article.tsx
@@ -40,7 +40,7 @@ export const ArticlePage = React.memo(function ({ article }: { article: PageLoad
)}
{canCompute && article.kind === SourceFileKind.Notebook && }
- {canCompute && article.kind === SourceFileKind.Article && }
+ {/* {canCompute && article.kind === SourceFileKind.Article && } */}
diff --git a/packages/site/src/pages/Root.tsx b/packages/site/src/pages/Root.tsx
index 57910fcf8..ccc380b30 100644
--- a/packages/site/src/pages/Root.tsx
+++ b/packages/site/src/pages/Root.tsx
@@ -60,7 +60,7 @@ export function Document({
analytics_plausible={config?.analytics_plausible}
/>
-
+
diff --git a/styles/block-styles.css b/styles/block-styles.css
index d95221cb3..f67edeeac 100644
--- a/styles/block-styles.css
+++ b/styles/block-styles.css
@@ -4,10 +4,10 @@
@layer base {
.shaded {
- @apply pt-5 bg-slate-100 dark:bg-slate-800 my-5;
+ @apply pt-5 my-5 bg-slate-100 dark:bg-slate-800;
}
.framed {
- @apply p-5 border shadow bg-slate-50 dark:bg-slate-800 my-5;
+ @apply p-5 my-5 border shadow bg-slate-50 dark:bg-slate-800;
}
.shaded-children > * {
@apply p-2 bg-slate-50 dark:bg-slate-800;
diff --git a/styles/hover.css b/styles/hover.css
index e8e5c9176..000ab5d2f 100644
--- a/styles/hover.css
+++ b/styles/hover.css
@@ -1,6 +1,7 @@
.hover-card-content {
animation-duration: 0.6s;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+ z-index: 10;
}
.hover-card-content[data-side='top'] {
animation-name: slideUp;
@@ -32,9 +33,9 @@
}
.hover-document {
- @apply bg-white dark:bg-slate-800 text-sm rounded border border-gray-50 shadow-xl article;
+ @apply text-sm bg-white border rounded shadow-xl dark:bg-slate-800 border-gray-50 article;
}
.hover-link {
- @apply text-blue-700 dark:text-blue-100 no-underline hover:text-blue-500 font-normal;
+ @apply font-normal text-blue-700 no-underline dark:text-blue-100 hover:text-blue-500;
}
diff --git a/styles/typography.css b/styles/typography.css
index e3d437f8f..8ef3c9775 100644
--- a/styles/typography.css
+++ b/styles/typography.css
@@ -10,7 +10,7 @@
@layer base {
.prose table td {
- @apply p-1 sm:p-2 align-top;
+ @apply p-1 align-top sm:p-2;
}
.prose table p,
.prose table li {
@@ -43,6 +43,6 @@
min-height: calc(100vh);
}
.article {
- @apply prose max-w-none prose-stone dark:prose-invert break-words;
+ @apply prose break-words max-w-none prose-stone dark:prose-invert;
}
}