Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make empty sate of roles/permissions more empty looking

pull/1544/head
Alex P 2017-05-24 11:36:41 -07:00
parent e0b6104d7b
commit f8cf1466cb
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/admin/components/UserRow.js
View File

@ -1,6 +1,7 @@
import React, {PropTypes} from 'react' import React, {PropTypes} from 'react'
import _ from 'lodash' import _ from 'lodash'
import classnames from 'classnames'
import UserEditName from 'src/admin/components/UserEditName' import UserEditName from 'src/admin/components/UserEditName'
import UserNewPassword from 'src/admin/components/UserNewPassword' import UserNewPassword from 'src/admin/components/UserNewPassword'
@ -88,7 +89,9 @@ const UserRow = ({
onApply={handleUpdateRoles} onApply={handleUpdateRoles}
buttonSize="btn-xs" buttonSize="btn-xs"
buttonColor="btn-primary" buttonColor="btn-primary"
customClass="dropdown-190" customClass={classnames('dropdown-190', {
'admin-table--multi-select-empty': !roles.length,
})}
/> />
</td> </td>
: null} : null}
@ -103,7 +106,9 @@ const UserRow = ({
onApply={handleUpdatePermissions} onApply={handleUpdatePermissions}
buttonSize="btn-xs" buttonSize="btn-xs"
buttonColor="btn-primary" buttonColor="btn-primary"
customClass="dropdown-190" customClass={classnames('dropdown-190', {
'admin-table--multi-select-empty': !roles.length,
})}
/> />
: null} : null}
</td> </td>

6
ui/src/style/pages/admin.scss
View File

@ -77,12 +77,15 @@ table > thead > tr > th.admin-table--left-offset {padding-left: 15px;}
} }
.dropdown-toggle { .dropdown-toggle {
background-color: transparent; background-color: transparent;
font-weight: 500; font-weight: 600;
color: $g14-chromium; color: $g14-chromium;
transition: none !important; transition: none !important;
.caret {opacity: 0;} .caret {opacity: 0;}
} }
.admin-table--multi-select-empty .dropdown-toggle {
color: $g8-storm;
}
tbody tr:hover { tbody tr:hover {
.admin-table--hidden { .admin-table--hidden {
visibility: visible; visibility: visible;
@ -90,7 +93,6 @@ table > thead > tr > th.admin-table--left-offset {padding-left: 15px;}
.dropdown-toggle { .dropdown-toggle {
color: $g20-white !important; color: $g20-white !important;
background-color: $c-pool; background-color: $c-pool;
font-weight: 600;
.caret {opacity: 1;} .caret {opacity: 1;}