Updates

facebook · Mar 9, 2021 · 0464692 · 0464692
1 parent 5378cfe
commit 0464692
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 11 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.tsx
@@ -33,10 +33,10 @@ function BlogListPage(props: Props): JSX.Element {
       }}>
       <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--2">
+          <div className="col col--3">
             <BlogSidebar sidebar={sidebar} />
           </div>
-          <main className="col col--8">
+          <main className="col col--7">
             {items.map(({content: BlogPostContent}) => (
               <BlogPostItem
                 key={BlogPostContent.metadata.permalink}

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx
@@ -28,10 +28,10 @@ function BlogPostPage(props: Props): JSX.Element {
       {BlogPostContents && (
         <div className="container margin-vert--lg">
           <div className="row">
-            <div className="col col--2">
+            <div className="col col--3">
               <BlogSidebar sidebar={sidebar} />
             </div>
-            <main className="col col--8">
+            <main className="col col--7">
               <BlogPostItem
                 frontMatter={frontMatter}
                 metadata={metadata}

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.tsx
@@ -61,10 +61,10 @@ function BlogTagsListPage(props: Props): JSX.Element {
       }}>
       <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--2">
+          <div className="col col--3">
             <BlogSidebar sidebar={sidebar} />
           </div>
-          <main className="col col--8">
+          <main className="col col--7">
             <h1>
               <Translate
                 id="theme.tags.tagsPageTitle"

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx
@@ -66,10 +66,10 @@ function BlogTagsPostPage(props: Props): JSX.Element {
       }}>
       <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--2">
+          <div className="col col--3">
             <BlogSidebar sidebar={sidebar} />
           </div>
-          <main className="col col--8">
+          <main className="col col--7">
             <h1>
               <BlogTagsPostPageTitle count={count} tagName={tagName} />
             </h1>

diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/index.tsx b/packages/docusaurus-theme-classic/src/theme/Navbar/index.tsx
@@ -86,15 +86,15 @@ function Navbar(): JSX.Element {
       <div className="navbar__inner">
         <div className="navbar__items">
           {items != null && items.length !== 0 && (
-            <div
+            <button
               aria-label="Navigation bar toggle"
               className="navbar__toggle"
-              role="button"
+              type="button"
               tabIndex={0}
               onClick={showSidebar}
               onKeyDown={showSidebar}>
               <IconMenu />
-            </div>
+            </button>
           )}
           <Logo
             className="navbar__brand"

diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css
@@ -18,3 +18,8 @@
 .navbarHidden {
   transform: translate3d(0, calc(var(--ifm-navbar-height) * -1), 0);
 }
+
+/* Fix it in new version of Infima */
+:global(.navbar__toggle) {
+  color: inherit;
+}