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

Cleanup styles for Chronograf admin users table header 

Signed-off-by: Jared Scheib <jared.scheib@gmail.com>
pull/10616/head
Alex Paxton 2017-10-30 19:52:54 -07:00 committed by Jared Scheib
parent 595a9718e8
commit 45e9216011
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/admin/containers/AdminChronografPage.js
View File

@ -104,7 +104,7 @@ class AdminChronografPage extends Component {
<div className="row"> <div className="row">
<div className="col-xs-12"> <div className="col-xs-12">
<div className="panel panel-minimal"> <div className="panel panel-minimal">
<div className="panel-heading"> <div className="panel-heading u-flex u-ai-center">
<Dropdown <Dropdown
items={organizations.map(org => ({ items={organizations.map(org => ({
...org, ...org,
@ -113,9 +113,9 @@ class AdminChronografPage extends Component {
selected={organizationName} selected={organizationName}
onChoose={this.handleFilterUsers} onChoose={this.handleFilterUsers}
/> />
<h2 className="panel-title"> <p className="chronograf-admin-table--num-selected">
{numUsersSelected} User{numUsersSelected === 1 ? ' ' : 's '}Selected {numUsersSelected} User{numUsersSelected === 1 ? ' ' : 's '}Selected
</h2> </p>
</div> </div>
<div className="panel-body"> <div className="panel-body">
<AllUsersTable <AllUsersTable

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

@ -236,3 +236,12 @@ table.table.chronograf-admin-table tbody tr.selected td {
color: $g18-cloud; color: $g18-cloud;
font-weight: 700; font-weight: 700;
} }
.chronograf-admin-table--num-selected {
@include no-user-select();
margin-left: 8px;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: $g13-mist;
}