Updating new channel UI

This commit is contained in:
Asaad Mahmood
2015-09-21 11:09:23 +05:00
parent 86429c7bd5
commit 5dbdc0ff76
2 changed files with 10 additions and 6 deletions

View File

@@ -107,8 +107,8 @@ export default class NewChannelModal extends React.Component {
{channelSwitchText}
</div>
<div className={displayNameClass}>
<label className='col-sm-2 form__label control-label'>{'Name'}</label>
<div className='col-sm-10'>
<label className='col-sm-3 form__label control-label'>{'Name'}</label>
<div className='col-sm-9'>
<input
onChange={this.handleChange}
type='text'
@@ -121,7 +121,7 @@ export default class NewChannelModal extends React.Component {
tabIndex='1'
/>
{displayNameError}
<p className='input__help'>
<p className='input__help dark'>
{'Channel URL: ' + prettyTeamURL + this.props.channelData.name + ' ('}
<a
href='#'
@@ -134,11 +134,11 @@ export default class NewChannelModal extends React.Component {
</div>
</div>
<div className='form-group less'>
<div className='col-sm-2'>
<div className='col-sm-3'>
<label className='form__label control-label'>{'Description'}</label>
<label className='form__label light'>{'(optional)'}</label>
</div>
<div className='col-sm-10'>
<div className='col-sm-9'>
<textarea
className='form-control no-resize'
ref='channel_desc'

View File

@@ -5,9 +5,10 @@
.form__label {
text-align: left;
padding-right: 3px;
font-weight: bold;
font-weight: 600;
font-size: 1.1em;
&.light {
font-weight: normal;
color: #999;
font-size: 1.05em;
font-style: italic;
@@ -17,6 +18,9 @@
.input__help {
color: #777;
margin: 10px 0 0 10px;
&.dark {
color: #222;
}
&.error {
color: #a94442;
}