fixes header logo width and updates drawer example

elastic · Jan 17, 2019 · 5e72524 · 5e72524
1 parent 49ae8ec
commit 5e72524
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 - 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))
+- Updated `EuiNavDrawer` docs example and adjusted `EuiHeaderLogo` padding ([#1449](https://github.com/elastic/eui/pull/1449))
 
 **Bug fixes**
 

diff --git a/src-docs/src/views/nav_drawer/nav_drawer.js b/src-docs/src/views/nav_drawer/nav_drawer.js
@@ -14,6 +14,7 @@ import {
   EuiHeaderSectionItem,
   EuiHeaderSectionItemButton,
   EuiHeaderBreadcrumbs,
+  EuiHeaderLogo,
   EuiIcon,
   EuiTitle,
   EuiNavDrawer,
@@ -401,11 +402,11 @@ export default class extends Component {
 
   renderLogo() {
     return (
-      <EuiHeaderSectionItemButton
-        aria-label="Go to home page"
-      >
-        <EuiIcon type="logoKibana" href="#" size="l" />
-      </EuiHeaderSectionItemButton>
+      <EuiHeaderLogo
+        iconType="logoKibana"
+        href="/#/layout/nav-drawer"
+        aria-label="Goes to home"
+      />
     );
   }
 

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 $euiSizeM;
+  padding: 0 ($euiSizeM + 1px) 0 $euiSizeM;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;