Added send icon button to create post control for mobile view.

Этот коммит содержится в:
JoramWilander
2015-09-08 15:47:15 -04:00
родитель 5b3ee66dc3
Коммит c6b1368cc7
3 изменённых файлов: 60 добавлений и 20 удалений

Просмотреть файл

@@ -310,25 +310,33 @@ export default class CreatePost extends React.Component {
>
<div className='post-create'>
<div className='post-create-body'>
<Textbox
onUserInput={this.handleUserInput}
onKeyPress={this.postMsgKeyPress}
onHeightChange={this.resizePostHolder}
messageText={this.state.messageText}
createMessage='Write a message...'
channelId={this.state.channelId}
id='post_textbox'
ref='textbox'
/>
<FileUpload
ref='fileUpload'
getFileCount={this.getFileCount}
onUploadStart={this.handleUploadStart}
onFileUpload={this.handleFileUploadComplete}
onUploadError={this.handleUploadError}
postType='post'
channelId=''
/>
<div className='post-body__cell'>
<Textbox
onUserInput={this.handleUserInput}
onKeyPress={this.postMsgKeyPress}
onHeightChange={this.resizePostHolder}
messageText={this.state.messageText}
createMessage='Write a message...'
channelId={this.state.channelId}
id='post_textbox'
ref='textbox'
/>
<FileUpload
ref='fileUpload'
getFileCount={this.getFileCount}
onUploadStart={this.handleUploadStart}
onFileUpload={this.handleFileUploadComplete}
onUploadError={this.handleUploadError}
postType='post'
channelId=''
/>
</div>
<a
className='send-button theme'
onClick={this.handleSubmit}
>
<i className='fa fa-paper-plane' />
</a>
</div>
<div className={postFooterClassName}>
{postError}

Просмотреть файл

@@ -182,6 +182,25 @@ body.ios {
max-width: 850px;
padding: 0 0 2px;
position: relative;
.post-body__cell {
vertical-align: top;
position: relative;
}
.send-button {
display: none;
cursor: pointer;
padding-right: 4px;
width: 45px;
height: 37px;
font-size: 18px;
line-height: 37px;
vertical-align: top;
text-align: center;
@include single-transition(all, 0.15s);
&:active {
@include opacity(0.75);
}
}
.custom-textarea {
padding-top: 8px;
padding-right: 28px;

Просмотреть файл

@@ -409,9 +409,22 @@
}
}
}
#post-create {
.post-create__container {
form {
padding: 0;
}
.post-create-body {
padding-bottom: 10px;
display: table;
width: 100%;
table-layout: fixed;
.post-body__cell {
display: table-cell;
padding-left: 1em;
}
.send-button {
display: table-cell;
}
}
.post-create-footer .msg-typing {
display: none;