Просмотр исходного кода

Hides status filtering on instance list

George Vrancianu 8 лет назад
Родитель
Сommit
c7d29f6de8
2 измененных файлов с 18 добавлено и 8 удалено
  1. 10 8
      src/components/WizardVms/WizardVms.js
  2. 8 0
      src/components/WizardVms/WizardVms.scss

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

@@ -243,14 +243,16 @@ class WizardVms extends Component {
     return (
       <div className={s.root}>
         <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 className="items-list instances">
             {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 {