icon min-width, ie fixes

elastic · Jan 23, 2019 · 2b23df3 · 2b23df3
1 parent 18ae98d
commit 2b23df3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src-docs/src/views/nav_drawer/nav_drawer.js b/src-docs/src/views/nav_drawer/nav_drawer.js
@@ -522,8 +522,10 @@ export default class extends Component {
     }, 350);
 
     // Scrolls the menu and flyout back to top when the nav drawer collapses
-    document.getElementById('navDrawerMenu').scroll(0, 0);
-    document.getElementById('navDrawerFlyout').scroll(0, 0);
+    setTimeout(() => {
+      document.getElementById('navDrawerMenu').scrollTop = 0;
+      document.getElementById('navDrawerFlyout').scrollTop = 0;
+    }, 300);
   };
 
   focusOut = () => {

diff --git a/src/components/list_group/_list_group_item.scss b/src/components/list_group/_list_group_item.scss
@@ -76,7 +76,7 @@
 .euiListGroupItem__icon {
   flex-grow: 0;
   margin-right: $euiSizeM;
-  min-width: $euiSize;
+  flex-shrink: 0;
 }
 
 .euiListGroupItem--xSmall {
@@ -101,10 +101,6 @@
   .euiListGroupItem__label {
     white-space: initial;
   }
-
-  .euiListGroupItem__icon {
-    min-width: $euiSize;
-  }
 }
 
 // Layout alts from euiListGroup

diff --git a/src/components/nav_drawer/_nav_drawer.scss b/src/components/nav_drawer/_nav_drawer.scss
@@ -13,6 +13,12 @@
   transition: width $euiAnimSpeedFast $euiAnimSlightResistance;
   transition-delay: $euiNavDrawerContractingDelay;
 
+  &.euiNavDrawer-isCollapsed  {
+    .euiListGroupItem-hasExtraAction .euiListGroupItem__button {
+      max-width: 100%;
+    }
+  }
+
   &.euiNavDrawer-isExpanded {
     width: $euiNavDrawerWidthExpanded;
     transition-delay: $euiNavDrawerExpandingDelay;