feat(Omnibar): add rootStyle (#3)

vutran · Nov 2, 2017 · 11c6edd · 11c6edd
1 parent d9392f7
commit 11c6edd
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/Omnibar.tsx b/src/Omnibar.tsx
@@ -15,8 +15,11 @@ export default class Omnibar<T> extends React.PureComponent<
         extensions: [],
         maxViewableResults: null,
         rowHeight: 50,
-        resultStyle: {},
         inputDelay: 100,
+
+        // style props
+        resultStyle: {},
+        rootStyle: { position: 'relative' },
     };
 
     state: Omnibar.State<T> = {
@@ -141,20 +144,22 @@ export default class Omnibar<T> extends React.PureComponent<
             defaultValue,
             width,
             height,
-            inputStyle,
             rowHeight,
-            rowStyle,
-            resultStyle,
             resultRenderer,
             onAction,
+            // style props
+            inputStyle,
+            rootStyle,
+            rowStyle,
+            resultStyle,
         } = this.props;
 
         const maxHeight = maxViewableResults
             ? maxViewableResults * rowHeight
             : null;
 
         return (
-            <div style={{ position: 'relative' }}>
+            <div style={rootStyle}>
                 {React.createElement(Input, {
                     defaultValue,
                     width,

diff --git a/typings/index.d.ts b/typings/index.d.ts
@@ -22,13 +22,15 @@ declare namespace Omnibar {
         // optional input bar height
         height?: number;
         // optional input bar style override
-        inputStyle?: React.CSSProperties
+        inputStyle?: React.CSSProperties;
         // optional result item height
         rowHeight?: number;
         // optional result item style override
         rowStyle?: React.CSSProperties;
         // optional result list style override
         resultStyle?: React.CSSProperties;
+        // options style on the root element
+        rootStyle?: React.CSSProperties;
         // optional result renderering function
         resultRenderer?: <T>(item: T) => React.ReactChild;
         // optional action override