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:
ysandler 2020-08-07 23:27:06 -05:00 committed by Joshua Shoemaker
parent 4f5d889886
commit ea6c13bf0c
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}
/>
<Grid columns={2} relaxed='very' stackable>
<Grid columns={2} stackable>
<Grid.Column>
<List celled>
{ filterParamElements.filterKeyElements }
</List>
<Input placeholder='Key' ref={this.keyInput} style={{ width: '115px' }} />
<Input placeholder='Key' ref={this.keyInput} fluid />
</Grid.Column>
<Grid.Column>
<List celled>
{ filterParamElements.filterValueElements }
</List>
<Input placeholder='Value' ref={this.valueInput} style={{ width: '115px' }} />
<Button animated='vertical' onClick={this.addKeyValueInput}>
<Button.Content hidden><Icon name='add' /></Button.Content>
<Button.Content visible>Add</Button.Content>
</Button>
<Input placeholder='Value' ref={this.valueInput} fluid />
</Grid.Column>
</Grid>
<Button fluid animated='vertical' onClick={this.addKeyValueInput}>
<Button.Content hidden><Icon name='add' /></Button.Content>
<Button.Content visible>Add</Button.Content>
</Button>
</div>
)
}

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

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

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

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