mirror of
https://github.com/mattermost/mattermost.git
synced 2025-02-25 18:55:24 -06:00
Updating new channel UI
This commit is contained in:
@@ -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'
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user