Fix z-index issue, fix select header styles

tedconf · Jul 5, 2018 · c6e04b3 · c6e04b3
1 parent e168ce3
commit c6e04b3
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/build/index.js b/build/index.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tedprivate/react-ted-bootstrap",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A shared set of UI components for internal projects",
   "main": "build/index.js",
   "scripts": {

diff --git a/src/Select/Header.js b/src/Select/Header.js
@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 import { css } from 'emotion';
 
 const styles = css`
-  color: #777;
+  color: #999;
   display: block;
-  font-size: 14px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
   line-height: 1.42;
   padding: 3px 20px;
   white-space: nowrap;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 `;
 
 const Header = props => (

diff --git a/src/Select/styles.js b/src/Select/styles.js
@@ -8,8 +8,8 @@ export const container = css`
 export const styledList = css`
   background-clip: padding-box;
   background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, .15);
   box-shadow: 0 6px 12px rgba(0,0,0,.175);
   float: left;
   font-size: 14px;
@@ -21,6 +21,7 @@ export const styledList = css`
   position: absolute;
   text-align: left;
   top: 100%;
+  z-index: 1000;
 `;
 
 export const styledSelect = css`