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

Polish alignment of providers table items

pull/3012/head
Alex P 2018-03-19 12:13:22 -07:00
parent dd0dbe3fa0
commit 38fa4e183f
3 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/src/admin/components/chronograf/ProvidersTable.js
View File

@ -80,7 +80,6 @@ class ProvidersTable extends Component {
<div className="fancytable--th provider--redirect"> <div className="fancytable--th provider--redirect">
Organization Organization
</div> </div>
<div className="fancytable--th" />
<div className="fancytable--th provider--delete" /> <div className="fancytable--th provider--delete" />
</div> </div>
{mappings.map((mapping, i) => {mappings.map((mapping, i) =>

16
ui/src/admin/components/chronograf/ProvidersTableRow.js
View File

@ -71,13 +71,15 @@ class ProvidersTableRow extends Component {
const isDefaultMapping = DEFAULT_MAPPING_ID === mapping.id const isDefaultMapping = DEFAULT_MAPPING_ID === mapping.id
return ( return (
<div className="fancytable--row"> <div className="fancytable--row">
<Dropdown <div className="fancytable--td provider--scheme">
items={schemes} <Dropdown
onChoose={this.handleChooseScheme} items={schemes}
selected={scheme} onChoose={this.handleChooseScheme}
className="fancytable--td provider--scheme" selected={scheme}
disabled={isDefaultMapping} className="dropdown-stretch"
/> disabled={isDefaultMapping}
/>
</div>
<InputClickToEdit <InputClickToEdit
value={provider} value={provider}
wrapperClass="fancytable--td provider--provider" wrapperClass="fancytable--td provider--provider"

14
ui/src/admin/components/chronograf/ProvidersTableRowNew.tsx
View File

@ -83,12 +83,14 @@ class ProvidersTableRowNew extends PureComponent<Props, State> {
return ( return (
<div className="fancytable--row"> <div className="fancytable--row">
<Dropdown <div className="fancytable--td provider--scheme">
items={schemes} <Dropdown
onChoose={this.handleChooseScheme} items={schemes}
selected={scheme} onChoose={this.handleChooseScheme}
className={'fancytable--td provider--scheme'} selected={scheme}
/> className="dropdown-stretch"
/>
</div>
<InputClickToEdit <InputClickToEdit
value={provider} value={provider}
wrapperClass="fancytable--td provider--provider" wrapperClass="fancytable--td provider--provider"