Misc. small fixes against outstanding issues

CHANGELOG.md

@@ -1,6 +1,9 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `0.0.25`.
+**Bug fixes**
+
+- `EuiBottomBar` now uses `EuiPortal` to avoid zindex conflicts ([#487](https://github.com/elastic/eui/pull/487))
+- Upped dark theme contrast on disabled buttons  ([#487](https://github.com/elastic/eui/pull/487))
 
 # [`0.0.25`](https://github.com/elastic/eui/tree/v0.0.25)
 

src-docs/src/views/pagination/customizable_pagination.js

@@ -94,7 +94,6 @@ export default class extends Component {
             isOpen={this.state.isPopoverOpen}
             closePopover={this.closePopover.bind(this)}
             panelPaddingSize="none"
-            withTitle
           >
             <EuiContextMenuPanel
               items={items}

src/components/bottom_bar/bottom_bar.js

@@ -2,6 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
+import { EuiPortal } from '../portal'
+
 const paddingSizeToClassNameMap = {
   none: null,
   s: 'euiBottomBar--paddingSmall',
@@ -24,12 +26,14 @@ export const EuiBottomBar = ({
   );
 
   return (
-    <div
-      className={classes}
-      {...rest}
-    >
-      {children}
-    </div>
+    <EuiPortal>
+      <div
+        className={classes}
+        {...rest}
+      >
+        {children}
+      </div>
+    </EuiPortal>
   );
 };
 

src/components/bottom_bar/bottom_bar.test.js

@@ -1,9 +1,15 @@
 import React from 'react';
+import ReactDOM from 'react-dom';
 import { render } from 'enzyme';
 import { requiredProps } from '../../test/required_props';
 
 import { EuiBottomBar, PADDING_SIZES } from './bottom_bar';
 
+
+// TODO: Temporary hack which we can remove once react-test-renderer supports portals.
+// More info at https://github.com/facebook/react/issues/11565.
+ReactDOM.createPortal = node => node;
+
 describe('EuiBottomBar', () => {
   test('is rendered', () => {
     const component = render(

src/components/button/_index.scss

@@ -1,5 +1,5 @@
 $euiButtonHeightSmall: $euiSizeXL;
-$euiButtonColorDisabled: tintOrShade($euiTextColor, 70%, 80%);
+$euiButtonColorDisabled: tintOrShade($euiTextColor, 70%, 70%);
 
 @mixin euiButton {