docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Better way to control checkboxes using labels. 

Signed-off-by: Alexei Yuzhakov <sibprogrammer@gmail.com>
This commit is contained in:
Alexei Yuzhakov 2016-05-24 21:26:49 +06:00
parent 2650894bf0
commit 1ffa76bbaf
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ContainerSettingsAdvanced.react.js
View File

@ -57,9 +57,9 @@ var ContainerSettingsAdvanced = React.createClass({
<div className="settings-section"> <div className="settings-section">
<h3>Advanced Options</h3> <h3>Advanced Options</h3>
<div className="checkboxes"> <div className="checkboxes">
<p><input type="checkbox" checked={this.state.tty} onChange={this.handleChangeTty}/>Allocate a TTY for this container</p> <p><label><input type="checkbox" checked={this.state.tty} onChange={this.handleChangeTty}/>Allocate a TTY for this container</label></p>
<p><input type="checkbox" checked={this.state.openStdin} onChange={this.handleChangeOpenStdin}/>Keep STDIN open even if not attached</p> <p><label><input type="checkbox" checked={this.state.openStdin} onChange={this.handleChangeOpenStdin}/>Keep STDIN open even if not attached</label></p>
<p><input type="checkbox" checked={this.state.privileged} onChange={this.handleChangePrivileged}/>Privileged mode</p> <p><label><input type="checkbox" checked={this.state.privileged} onChange={this.handleChangePrivileged}/>Privileged mode</label></p>
</div> </div>
<a className="btn btn-action" disabled={this.props.container.State.Updating} onClick={this.handleSaveAdvancedOptions}>Save</a> <a className="btn btn-action" disabled={this.props.container.State.Updating} onClick={this.handleSaveAdvancedOptions}>Save</a>
</div> </div>

3
styles/container-settings.less
View File

@ -166,6 +166,9 @@
input[type="checkbox"] { input[type="checkbox"] {
margin-right: 0.8rem; margin-right: 0.8rem;
} }
label {
font-weight: 400;
}
} }
} }
} }