diff --git a/ui/src/admin/components/chronograf/OrgTableRow.js b/ui/src/admin/components/chronograf/OrgTableRow.js index 068e30f817..53a1825a24 100644 --- a/ui/src/admin/components/chronograf/OrgTableRow.js +++ b/ui/src/admin/components/chronograf/OrgTableRow.js @@ -31,7 +31,13 @@ const OrgTableRow = ({ ) return ( - + Username - Organization - Role + + Organization + + + Role + SuperAdmin diff --git a/ui/src/admin/components/chronograf/UsersTableRow.js b/ui/src/admin/components/chronograf/UsersTableRow.js index 3ac3b81e7b..4311e31733 100644 --- a/ui/src/admin/components/chronograf/UsersTableRow.js +++ b/ui/src/admin/components/chronograf/UsersTableRow.js @@ -24,7 +24,13 @@ const UsersTableRow = ({ const isSelected = selectedUsers.find(u => isSameUser(user, u)) return ( - + .caret {opacity: 0;} +} +table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user.selected td div.dropdown div.btn.dropdown-toggle { + background-color: $g5-pepper; +} +table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user:hover td div.dropdown div.btn.dropdown-toggle { + background-color: $c-pool; + color: $g20-white; + + > .caret {opacity: 1;} + + &:hover { + background-color: $c-laser; + } +} +table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user td div.dropdown.open div.btn.dropdown-toggle, +table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user td div.dropdown.open div.btn.dropdown-toggle:hover { + background-color: $c-hydrogen; + color: $g20-white; + + > .caret {opacity: 1;} +} + +/* Styles for new user row */ table.table.chronograf-admin-table tbody tr.chronograf-admin-table--new-user { background-color: $g4-onyx;