Source dropdown will remain the same size. Closes nukeop#32

BrandTurner · Apr 15, 2017 · dc0e4e0 · dc0e4e0
1 parent 169ee50
commit dc0e4e0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/app/app.global.css b/app/app.global.css
@@ -249,3 +249,15 @@ a, a:hover, a:focus {
   margin: 10px 0px 10px 0px;
   padding-left: 32px;
 }
+
+.multiselect {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.multiselect-native-select {
+  display: block;
+  width: 100%;
+}
diff --git a/app/components/SearchField.js b/app/components/SearchField.js
@@ -34,7 +34,6 @@ handleSearch(event, value){
 
   render() {
     const searchFieldStyle = {width: "75%", 'paddingTop': '1px'};
-    const sourceButtonStyle = {width: "25%"};
     return (
       <form className="form-inline" onSubmit={(event) => {event.preventDefault(); return false;}}>
         <div className="form-group searchfield-group">
@@ -43,7 +42,7 @@ handleSearch(event, value){
             <input type="text" id="searchField" className="form-control searchfield" placeholder="Search..." onKeyPress={this.handleSearch.bind(this)} />
           </div>
 
-          <div style={sourceButtonStyle} className="input-group">
+          <div className="input-group">
             <Multiselect
               id="sourceMultiselect"
               ref="sourceMultiselect_ref"