misc fixes related to nav drawer

elastic · Jan 17, 2019 · f250397 · f250397
1 parent 4dc948d
commit f250397
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Added Inter UI to the font family stack ([#1402](https://github.com/elastic/eui/pull/1402))
+- Changed padding on `EuiHeaderLogo` and updated `EuiNavDrawer` example ([#1448](https://github.com/elastic/eui/pull/1448))
 
 **Bug fixes**
 
@@ -9,6 +10,7 @@
 
 ## [`6.4.0`](https://github.com/elastic/eui/tree/v6.4.0)
 
+- Added `EuiNavDrawer` side nav component ([#1427](https://github.com/elastic/eui/pull/1427))
 - Added `inputRef` prop to `EuiComboBox` ([#1433](https://github.com/elastic/eui/pull/1433))
 - Added custom date string formatting for series charts crosshair overlay ([#1429](https://github.com/elastic/eui/pull/1429))
 - Added new icons for `symlink` and `submodule` ([#1439](https://github.com/elastic/eui/pull/1439))

diff --git a/src-docs/src/views/nav_drawer/nav_drawer.js b/src-docs/src/views/nav_drawer/nav_drawer.js
@@ -41,7 +41,7 @@ export default class extends Component {
       navFlyoutContent: [],
       mobileIsHidden: true,
       showScrollbar: false,
-      outsideClickDisaled: true,
+      outsideClickDisabled: true,
       isManagingFocus: false,
     };
 
@@ -477,9 +477,9 @@ export default class extends Component {
 
     setTimeout(() => {
       this.setState({
-        outsideClickDisaled: this.state.mobileIsHidden ? true : false,
+        outsideClickDisabled: this.state.mobileIsHidden ? true : false,
       });
-    }, 150);
+    }, 350);
   };
 
   expandDrawer = () => {
@@ -516,7 +516,7 @@ export default class extends Component {
         flyoutIsCollapsed: true,
         mobileIsHidden: true,
         showScrollbar: false,
-        outsideClickDisaled: true,
+        outsideClickDisabled: true,
       });
     }, 350);
 
@@ -576,7 +576,7 @@ export default class extends Component {
       navFlyoutContent,
       mobileIsHidden,
       showScrollbar,
-      outsideClickDisaled,
+      outsideClickDisabled,
     } = this.state;
 
     return (
@@ -605,7 +605,7 @@ export default class extends Component {
           </EuiHeader>
           <EuiOutsideClickDetector
             onOutsideClick={() => this.collapseDrawer()}
-            isDisabled={outsideClickDisaled}
+            isDisabled={outsideClickDisabled}
           >
             <EuiNavDrawer
               isCollapsed={isCollapsed}

diff --git a/src/components/header/_header_logo.scss b/src/components/header/_header_logo.scss
@@ -6,7 +6,7 @@
   position: relative;
   height: $euiHeaderChildSize;
   line-height: $euiHeaderChildSize;
-  padding: 0 $euiSize;
+  padding: 0 $euiSizeM;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;