ysandler/datalovelace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: width of buttons and inputs nodules forms

Browse Source
This commit is contained in:
Joshua Shoemaker 2020-08-07 23:27:06 -05:00
parent e125c50ff4
commit bf4eb2aef2
3 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/CreateNodule/CreateFilterNoduleForm.js
View File

@ -64,24 +64,24 @@ class CreateFilterNoduleForm extends Component {
onChange={this.handleChange} onChange={this.handleChange}
/> />
<Grid columns={2} relaxed='very' stackable> <Grid columns={2} stackable>
<Grid.Column> <Grid.Column>
<List celled> <List celled>
{ filterParamElements.filterKeyElements } { filterParamElements.filterKeyElements }
</List> </List>
<Input placeholder='Key' ref={this.keyInput} style={{ width: '115px' }} /> <Input placeholder='Key' ref={this.keyInput} fluid />
</Grid.Column> </Grid.Column>
<Grid.Column> <Grid.Column>
<List celled> <List celled>
{ filterParamElements.filterValueElements } { filterParamElements.filterValueElements }
</List> </List>
<Input placeholder='Value' ref={this.valueInput} style={{ width: '115px' }} /> <Input placeholder='Value' ref={this.valueInput} fluid />
<Button animated='vertical' onClick={this.addKeyValueInput}>
<Button.Content hidden><Icon name='add' /></Button.Content>
<Button.Content visible>Add</Button.Content>
</Button>
</Grid.Column> </Grid.Column>
</Grid> </Grid>
<Button fluid animated='vertical' onClick={this.addKeyValueInput}>
<Button.Content hidden><Icon name='add' /></Button.Content>
<Button.Content visible>Add</Button.Content>
</Button>
</div> </div>
) )
} }

5
src/views/CreateNodule/CreateNodule.js
View File

@ -99,6 +99,8 @@ class CreateNodule extends Component {
fluid fluid
/> />
<TableSelect ref={this.tableSelect} />
<Dropdown <Dropdown
value ={this.state.noduleType} value ={this.state.noduleType}
placeholder='Select a Nodule Type' placeholder='Select a Nodule Type'
@ -109,12 +111,9 @@ class CreateNodule extends Component {
]} ]}
fluid fluid
selection selection
fluid
onChange={this.handleChange} onChange={this.handleChange}
/> />
<TableSelect ref={this.tableSelect} />
{ this.renderNoduleForm() } { this.renderNoduleForm() }
<div className='creatTableFormSubmitButtons'> <div className='creatTableFormSubmitButtons'>

12
src/views/CreateNodule/CreateTransformNoduleForm.js
View File

@ -46,24 +46,24 @@ class CreateTransformNoduleForm extends Component {
const structureElements = this.renderStructure() const structureElements = this.renderStructure()
return ( return (
<div className='CreateFiltrerNoduleForm'> <div className='CreateFiltrerNoduleForm'>
<Grid columns={2} relaxed='very' stackable> <Grid columns={2} stackable>
<Grid.Column> <Grid.Column>
<List celled> <List celled>
{ structureElements.initialKeyElements } { structureElements.initialKeyElements }
</List> </List>
<Input placeholder='Initial Key' ref={this.initialKeyInput} style={{ width: '115px' }} /> <Input placeholder='Initial Key' ref={this.initialKeyInput} fluid />
</Grid.Column> </Grid.Column>
<Grid.Column> <Grid.Column>
<List celled> <List celled>
{ structureElements.newKeyElements } { structureElements.newKeyElements }
</List> </List>
<Input placeholder='New Key' ref={this.newKeyInput} style={{ width: '115px' }} /> <Input placeholder='New Key' ref={this.newKeyInput} fluid />
<Button animated='vertical' onClick={this.addStructureInput}> </Grid.Column>
</Grid>
<Button fluid animated='vertical' onClick={this.addStructureInput}>
<Button.Content hidden><Icon name='add' /></Button.Content> <Button.Content hidden><Icon name='add' /></Button.Content>
<Button.Content visible>Add</Button.Content> <Button.Content visible>Add</Button.Content>
</Button> </Button>
</Grid.Column>
</Grid>
</div> </div>
) )
} }