diff --git a/packages/docusaurus-theme-classic/package.json b/packages/docusaurus-theme-classic/package.json
index 3a2d62ad6dac..df38e1f43056 100644
--- a/packages/docusaurus-theme-classic/package.json
+++ b/packages/docusaurus-theme-classic/package.json
@@ -32,7 +32,7 @@
"@types/react-toggle": "^4.0.2",
"clsx": "^1.1.1",
"copy-text-to-clipboard": "^2.2.0",
- "infima": "0.2.0-alpha.14",
+ "infima": "0.2.0-alpha.15",
"lodash": "^4.17.19",
"parse-numeric-range": "^0.0.2",
"prism-react-renderer": "^1.1.0",
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/index.tsx
index 31e5ac98857b..1d755bc295c3 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/index.tsx
@@ -6,6 +6,7 @@
*/
import React from 'react';
+import clsx from 'clsx';
import Link from '@docusaurus/Link';
import type {Props} from '@theme/BlogSidebar';
import styles from './styles.module.css';
@@ -15,7 +16,7 @@ export default function BlogSidebar({sidebar}: Props) {
return null;
}
return (
-
+
{sidebar.title}
{sidebar.items.map((item) => {
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
index 1b408e1892c3..e8037a09cbcf 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
@@ -13,31 +13,13 @@
top: calc(var(--ifm-navbar-height) + 2rem);
}
-.sidebar::-webkit-scrollbar {
- width: 7px;
-}
-
-.sidebar::-webkit-scrollbar-track {
- background: #f1f1f1;
- border-radius: 10px;
-}
-
-.sidebar::-webkit-scrollbar-thumb {
- background: #888;
- border-radius: 10px;
-}
-
-.sidebar::-webkit-scrollbar-thumb:hover {
- background: #555;
-}
-
.sidebarItemTitle {
margin-bottom: 0.5rem;
}
.sidebarItemList {
overflow-y: auto;
- font-size: .9rem;
+ font-size: 0.9rem;
padding-left: 0;
}
diff --git a/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.tsx
index cc0a4ede54bc..9cf9f9f3011f 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.tsx
@@ -230,11 +230,17 @@ function DocSidebar({
)}
+ className={clsx(
+ 'menu',
+ 'menu--responsive',
+ 'thin-scrollbar',
+ styles.menu,
+ {
+ 'menu--show': showResponsiveSidebar,
+ [styles.menuWithAnnouncementBar]:
+ !isAnnouncementBarClosed && scrollY === 0,
+ },
+ )}>