mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

Implements better markup for css changes to be made, including an overlay of the dropzones and help pic/text

Просмотр исходного кода
Этот коммит содержится в:
Reed Garmsen
2015-08-12 14:12:17 -07:00
родитель 0f1c991727
Коммит 14c121dc0c
7 изменённых файлов: 73 добавлений и 43 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

18
web/react/components/file_upload.jsx
Просмотреть файл

@@ -144,26 +144,32 @@ module.exports = React.createClass({
if (this.props.postType === 'post') {
$('.app__content').dragster({
enter: function(dragsterEvent, e) {
$('.app__content').addClass('center-file-overlay');
$('.center-file-overlay').removeClass('invisible');
$('.center-file-overlay').addClass('visible');
},
leave: function(dragsterEvent, e) {
$('.app__content').removeClass('center-file-overlay');
$('.center-file-overlay').removeClass('visible');
$('.center-file-overlay').addClass('invisible');
},
drop: function(dragsterEvent, e) {
$('.app__content').removeClass('center-file-overlay');
$('.center-file-overlay').removeClass('visible');
$('.center-file-overlay').addClass('invisible');
self.handleDrop(e);
}
});
} else if (this.props.postType === 'comment') {
$('.post-right__container').dragster({
enter: function(dragsterEvent, e) {
$('.post-right__container').addClass('right-file-overlay');
$('.right-file-overlay').removeClass('invisible');
$('.right-file-overlay').addClass('visible');
},
leave: function(dragsterEvent, e) {
$('.post-right__container').removeClass('right-file-overlay');
$('.right-file-overlay').removeClass('visible');
$('.right-file-overlay').addClass('invisible');
},
drop: function(dragsterEvent, e) {
$('.post-right__container').removeClass('right-file-overlay');
$('.right-file-overlay').removeClass('visible');
$('.right-file-overlay').addClass('invisible');
self.handleDrop(e);
}
});

16
web/react/components/post_list.jsx
Просмотреть файл

@@ -463,11 +463,17 @@ module.exports = React.createClass({
}
return (
<div ref="postlist" className="post-list-holder-by-time">
<div className="post-list__table">
<div className="post-list__content">
{ more_messages }
{ postCtls }
<div>
<div className='center-file-overlay invisible'>
<span className='center-file-help-text'>Drop a file to upload it.</span>
<img className='center-file-help-picture' />
</div>
<div ref="postlist" className="post-list-holder-by-time">
<div className="post-list__table">
<div className="post-list__content">
{ more_messages }
{ postCtls }
</div>
</div>
</div>
</div>

4
web/react/components/post_right.jsx
Просмотреть файл

@@ -296,6 +296,10 @@ module.exports = React.createClass({
return (
<div className="post-right__container">
<div className='right-file-overlay invisible'>
<span className='right-file-help-text'>Drop a file to upload it.</span>
<img className='right-file-help-picture' />
</div>
<div className="search-bar__container sidebar--right__search-header">{searchForm}</div>
<div className="sidebar-right__body">
<RhsHeaderPost fromSearch={this.props.fromSearch} isMentionSearch={this.props.isMentionSearch} />