styles(v2): update infima and fix styles (#1892)

facebook · Oct 26, 2019 · 9fdda55 · 9fdda55
1 parent 60a4d1d
commit 9fdda55
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 10 deletions.
diff --git a/CHANGELOG-2.x.md b/CHANGELOG-2.x.md
@@ -9,7 +9,12 @@
 - Fix search bar focus bug. When you put the focus on search input, previously the focus will remain although we have clicked to other area outside of the search input.
 - New themeConfig option `sidebarCollapsible`. It is on by default. If explicitly set to `false`, all doc items in sidebar is expanded. Otherwise, it will still be a collapsible sidebar.
 - Disable adding hashes to the generated class names of CSS modules in dev mode. Generating unique identifiers takes some time, which can be saved since including paths to files in class names is enough to avoid collisions.
-- Fix showing sidebar category with empty items.
+- Update infima from 0.2.0-alpha.2 to 0.2.0-alpha.3
+  - Fix showing sidebar category with empty items.
+  - Fix pagination nav and right sidebar color contrast ratio
+  - Fix sidebar arrow color in dark mode
+  - Fix footer mobile issue
+  - etc
 
 ## 2.0.0-alpha.30
 

diff --git a/packages/docusaurus-theme-classic/package.json b/packages/docusaurus-theme-classic/package.json
@@ -12,7 +12,7 @@
     "@mdx-js/react": "^1.5.1",
     "classnames": "^2.2.6",
     "clipboard": "^2.0.4",
-    "infima": "0.2.0-alpha.2",
+    "infima": "0.2.0-alpha.3",
     "prism-react-renderer": "^1.0.2",
     "react-toggle": "^4.1.1"
   },

diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/index.js b/packages/docusaurus-theme-classic/src/theme/Navbar/index.js
@@ -165,13 +165,13 @@ function Navbar() {
         </div>
         <div
           role="presentation"
-          className="navbar__sidebar__backdrop"
+          className="navbar-sidebar__backdrop"
           onClick={() => {
             setSidebarShown(false);
           }}
         />
-        <div className="navbar__sidebar">
-          <div className="navbar__sidebar__brand">
+        <div className="navbar-sidebar">
+          <div className="navbar-sidebar__brand">
             <Link className="navbar__brand" onClick={hideSidebar} to={baseUrl}>
               {logo != null && (
                 <img className="navbar__logo" src={logoUrl} alt={logo.alt} />
@@ -190,7 +190,7 @@ function Navbar() {
               />
             )}
           </div>
-          <div className="navbar__sidebar__items">
+          <div className="navbar-sidebar__items">
             <div className="menu">
               <ul className="menu__list">
                 {links.map((linkItem, i) => (

diff --git a/packages/docusaurus-theme-search-algolia/src/theme/SearchBar/index.js b/packages/docusaurus-theme-search-algolia/src/theme/SearchBar/index.js
@@ -76,6 +76,7 @@ const Search = props => {
         placeholder="Search"
         aria-label="Search"
         className={classnames(
+          'navbar__search-input',
           {'search-bar-expanded': props.isSearchBarExpanded},
           {'search-bar': !props.isSearchBarExpanded},
         )}

diff --git a/yarn.lock b/yarn.lock
@@ -8419,10 +8419,10 @@ infer-owner@^1.0.3, infer-owner@^1.0.4:
   resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
   integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
 
-infima@0.2.0-alpha.2:
-  version "0.2.0-alpha.2"
-  resolved "https://registry.yarnpkg.com/infima/-/infima-0.2.0-alpha.2.tgz#cfba3bcf5cd8f54cdfa47850d000ce6967a12c57"
-  integrity sha512-lCcCTjhQfjV/f1D34/T8BtjxslcLRxkUQdKoYv79CWk8OEPeEr24lyfVUhPyIJkgSeQZ35RSKam0GusIsxI++w==
+infima@0.2.0-alpha.3:
+  version "0.2.0-alpha.3"
+  resolved "https://registry.yarnpkg.com/infima/-/infima-0.2.0-alpha.3.tgz#86c0bd9ee7a38e921bee0611970f1a7b71d69b32"
+  integrity sha512-3DusmJsdsaZeLYgcHubVQHqRht/0/evhfGaqQBcBgp/vnc7TEeoLUBREJTHMFdCoZUGDy2UfkNiMAwpUrVhyEg==
 
 inflight@^1.0.4:
   version "1.0.6"