Explorar el Código

Hides status filtering on instance list

George Vrancianu hace 8 años
padre
commit
c7d29f6de8

+ 10 - 8
src/components/WizardVms/WizardVms.js

@@ -243,14 +243,16 @@ class WizardVms extends Component {
     return (
     return (
       <div className={s.root}>
       <div className={s.root}>
         <div className={s.container}>
         <div className={s.container}>
-          <SearchBox
-            placeholder="Search VMs"
-            value={this.state.queryText}
-            onChange={(e) => this.searchVm(e)}
-            className={"searchBox" + (this.state.filteredData.length == 0 ? " hidden" : " ")}
-          />
-          <div className={"category-filter" + (this.state.filteredData.length == 0 ? " hidden" : " ")}>
-            {vmStates}
+          <div className={s.topFilters}>
+            <SearchBox
+              placeholder="Search VMs"
+              value={this.state.queryText}
+              onChange={(e) => this.searchVm(e)}
+              className={"searchBox" + (this.state.filteredData.length == 0 ? " hidden" : " ")}
+            />
+            <div className="category-filter hidden">
+              {vmStates}
+            </div>
           </div>
           </div>
           <div className="items-list instances">
           <div className="items-list instances">
             {this.renderSearch()}
             {this.renderSearch()}

+ 8 - 0
src/components/WizardVms/WizardVms.scss

@@ -52,6 +52,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       }
       }
     }
     }
   }
   }
+  .topFilters {
+    &:after {
+      clear: both;
+      display: block;
+      content: " ";
+      height: 0;
+    }
+  }
 }
 }
 
 
 .selectionCount {
 .selectionCount {