diff --git a/ui/src/admin/components/FilterBar.js b/ui/src/admin/components/FilterBar.js
index e8cdae1a7..e4b3e5832 100644
--- a/ui/src/admin/components/FilterBar.js
+++ b/ui/src/admin/components/FilterBar.js
@@ -23,13 +23,16 @@ class FilterBar extends Component {
render() {
const {type, isEditing, onClickCreate} = this.props
+ const placeholderText = type.replace(/\w\S*/g, function(txt) {
+ return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+ });
return (
-
+
)
}
diff --git a/ui/src/shared/components/MultiSelectDropdown.js b/ui/src/shared/components/MultiSelectDropdown.js
index 6235cc1c1..600980344 100644
--- a/ui/src/shared/components/MultiSelectDropdown.js
+++ b/ui/src/shared/components/MultiSelectDropdown.js
@@ -97,9 +97,9 @@ class MultiSelectDropdown extends Component {
return (
-
+
{items.map((listItem, i) => {
return (
diff --git a/ui/src/style/pages/admin.scss b/ui/src/style/pages/admin.scss
index a3a87812b..2cbb55863 100644
--- a/ui/src/style/pages/admin.scss
+++ b/ui/src/style/pages/admin.scss
@@ -81,6 +81,7 @@
.caret {opacity: 0;}
.multi-select-dropdown__label {left: 0;}
}
+ .open .dropdown-toggle .multi-select-dropdown__label {left: 9px;}
tbody tr:hover {
.admin-table--delete {
visibility: visible;
@@ -99,6 +100,12 @@
}
}
}
+ .multi-select-dropdown.open .dropdown-toggle {
+ color: $g20-white !important;
+ background-color: $c-laser !important;
+ font-weight: 600;
+ .multi-select-dropdown__label {left: 9x !important;}
+ }
}
.admin-table--edit-row {
background-color: $g4-onyx;