diff options
| author |   Parker Berberian <pberberian@iol.unh.edu> | 2019-07-10 16:06:09 +0000 |
|---|---|---|
| committer |   Gerrit Code Review <gerrit@opnfv.org> | 2019-07-10 16:06:09 +0000 |
| commit | 56b36a737f9842c0727b4fc00af9216f7261f9fd (patch) | |
| tree | 44b33e8f7aa56a41e9e9fb793ecf4f50fa40cc7b | |
| parent | 5f9a48539b49ad7be0a8366fed8b2a24d83208ef (diff) | |
| parent | ebd13c8a6d3d3203f45ba65cab1c9c3acf441c48 (diff) | |
Merge "minor UI fixes"
| -rw-r--r-- | src/static/js/dashboard.js | 11 | ||||
| -rw-r--r-- | src/templates/dashboard/multiple_select_filter_widget.html | 4 | ||||
| -rw-r--r-- | src/templates/workflow/viewport-base.html | 2 |
3 files changed, 12 insertions, 5 deletions
diff --git a/src/static/js/dashboard.js b/src/static/js/dashboard.js index b74ead9..8e1250a 100644 --- a/src/static/js/dashboard.js +++ b/src/static/js/dashboard.js @@ -386,13 +386,18 @@ class MultipleSelectFilterWidget { add_item_prepopulate(node, prepopulate){ const div = document.createElement("DIV"); div.id = "dropdown_" + this.dropdown_count; - div.classList.add("list-group-item"); + div.classList.add("card", "flex-row", "d-flex", "mb-2"); this.dropdown_count++; const label = document.createElement("H5") label.appendChild(document.createTextNode(node['name'])) + label.classList.add("p-1", "m-1"); div.appendChild(label); - div.appendChild(this.make_input(div, node, prepopulate)); - div.appendChild(this.make_remove_button(div, node)); + let input = this.make_input(div, node, prepopulate); + input.classList.add("flex-grow-1", "p-1", "m-1"); + div.appendChild(input); + let remove_btn = this.make_remove_button(div, node); + remove_btn.classList.add("p-1", "m-1"); + div.appendChild(remove_btn); document.getElementById("dropdown_wrapper").appendChild(div); return div; } diff --git a/src/templates/dashboard/multiple_select_filter_widget.html b/src/templates/dashboard/multiple_select_filter_widget.html index ad58ccb..aee5f23 100644 --- a/src/templates/dashboard/multiple_select_filter_widget.html +++ b/src/templates/dashboard/multiple_select_filter_widget.html @@ -35,7 +35,9 @@ {% endfor %} </div> -<div id="dropdown_wrapper" class="px-3 list-group-flush w-25 mt-2"> +<div id="dropdown_row" class="row"> + <div id="dropdown_wrapper" class="col-12 col-lg-6 d-flex flex-column pt-2 mx-0 px-1"> + </div> </div> <script> function multipleSelectFilterWidgetEntry() { diff --git a/src/templates/workflow/viewport-base.html b/src/templates/workflow/viewport-base.html index 02c5597..4ae2ff3 100644 --- a/src/templates/workflow/viewport-base.html +++ b/src/templates/workflow/viewport-base.html @@ -47,7 +47,7 @@ <div class="row d-flex flex-column flex-grow-1"> <div class="container-fluid d-flex flex-column h-100"> <div class="row d-flex flex-grow-1 p-4"> - <div class="col-12 d-flex border flex-grow-1 px-0"> + <div class="col-12 d-flex flex-grow-1 px-0"> <div id="formContainer" class="h-100 w-100"></div> </div> </div> |