[DE mobile] add edit comments into collaboration section
This commit is contained in:
JuliaSvinareva
parent
2422fab071
commit
218929dd3e
|
|
@ -723,7 +723,7 @@ define([
|
||||||
findComment: function(uid) {
|
findComment: function(uid) {
|
||||||
var comment;
|
var comment;
|
||||||
if (this.groupCollectionFilter.length !== 0) {
|
if (this.groupCollectionFilter.length !== 0) {
|
||||||
comment = me.findCommentInGroup(uid);
|
comment = this.findCommentInGroup(uid);
|
||||||
} else if (this.collectionComments.length !== 0) {
|
} else if (this.collectionComments.length !== 0) {
|
||||||
comment = _.findWhere(this.collectionComments, {uid: uid});
|
comment = _.findWhere(this.collectionComments, {uid: uid});
|
||||||
}
|
}
|
||||||
|
|
@ -757,7 +757,7 @@ define([
|
||||||
DE.getController('Common.Controllers.Collaboration').getView('Common.Views.Collaboration').renderViewComments(this.showComments, this.indexCurrentComment);
|
DE.getController('Common.Controllers.Collaboration').getView('Common.Views.Collaboration').renderViewComments(this.showComments, this.indexCurrentComment);
|
||||||
$('.comment-menu').single('click', _.bind(this.initMenuComments, this));
|
$('.comment-menu').single('click', _.bind(this.initMenuComments, this));
|
||||||
$('.reply-menu').single('click', _.bind(this.initReplyMenu, this));
|
$('.reply-menu').single('click', _.bind(this.initReplyMenu, this));
|
||||||
$('.comment-resolve').single('click', _.bind(this.onClickResolveComment, this));
|
$('.comment-resolve').single('click', _.bind(this.onClickResolveComment, this, false));
|
||||||
},
|
},
|
||||||
|
|
||||||
showCommentModal: function() {
|
showCommentModal: function() {
|
||||||
|
|
@ -847,9 +847,9 @@ define([
|
||||||
$('.prev-comment').single('click', _.bind(me.onViewPrevComment, me));
|
$('.prev-comment').single('click', _.bind(me.onViewPrevComment, me));
|
||||||
$('.next-comment').single('click', _.bind(me.onViewNextComment, me));
|
$('.next-comment').single('click', _.bind(me.onViewNextComment, me));
|
||||||
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
|
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
|
||||||
$('.add-reply').single('click', _.bind(me.onClickAddReply, me));
|
$('.add-reply').single('click', _.bind(me.onClickAddReply, me, false));
|
||||||
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
|
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
|
||||||
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
|
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
|
||||||
|
|
||||||
if (me.showComments.length === 1) {
|
if (me.showComments.length === 1) {
|
||||||
$('.prev-comment, .next-comment').addClass('disabled');
|
$('.prev-comment, .next-comment').addClass('disabled');
|
||||||
|
|
@ -921,7 +921,7 @@ define([
|
||||||
_.defer(function () {
|
_.defer(function () {
|
||||||
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
|
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
|
||||||
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
|
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
|
||||||
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
|
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -938,64 +938,84 @@ define([
|
||||||
_.defer(function () {
|
_.defer(function () {
|
||||||
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
|
$('.comment-menu').single('click', _.bind(me.initMenuComments, me));
|
||||||
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
|
$('.reply-menu').single('click', _.bind(me.initReplyMenu, me));
|
||||||
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
|
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onClickAddReply: function() {
|
onClickAddReply: function(id) {
|
||||||
var me = this;
|
var me = this;
|
||||||
var isAndroid = Framework7.prototype.device.android === true,
|
var isAndroid = Framework7.prototype.device.android === true,
|
||||||
phone = Common.SharedSettings.get('phone');
|
phone = Common.SharedSettings.get('phone');
|
||||||
if (this.indexCurrentComment > -1 && this.indexCurrentComment < this.showComments.length) {
|
var idComment;
|
||||||
var addReplyView,
|
if (!id) {
|
||||||
comment = this.showComments[this.indexCurrentComment];
|
idComment = $('.view-comment').find('.comment').data('uid');
|
||||||
if (phone) {
|
} else {
|
||||||
addReplyView = uiApp.popup(
|
idComment = id;
|
||||||
'<div class="popup container-add-reply">' +
|
}
|
||||||
'<div class="navbar">' +
|
var comment = me.findComment(idComment);
|
||||||
'<div class="navbar-inner">' +
|
me.getCurrentUser();
|
||||||
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + me.textCancel + '</span>') + '</a></div>' +
|
var date = me.dateToLocaleTimeString(new Date());
|
||||||
'<div class="center sliding">' + me.textAddReply + '</div>' +
|
if (comment) {
|
||||||
'<div class="right sliding"><a href="#" class="link done-reply">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + me.textDone + '</span>') + '</a></div>' +
|
var addReplyView;
|
||||||
'</div>' +
|
if ($('.container-view-comment').length > 0) {
|
||||||
'</div>' +
|
if (phone) {
|
||||||
'<div class="pages">' +
|
addReplyView = uiApp.popup(
|
||||||
'<div class="page page-add-comment">' +
|
'<div class="popup container-add-reply">' +
|
||||||
'<div class="page-content">' +
|
'<div class="navbar">' +
|
||||||
'<div class="wrap-comment">' +
|
'<div class="navbar-inner">' +
|
||||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: '+ comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + me.textCancel + '</span>') + '</a></div>' +
|
||||||
'<div class="user-name">' + comment.username + '</div>' +
|
'<div class="center sliding">' + me.textAddReply + '</div>' +
|
||||||
'<div class="comment-date">' + comment.date + '</div>' +
|
'<div class="right sliding"><a href="#" class="link done-reply">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + me.textDone + '</span>') + '</a></div>' +
|
||||||
(isAndroid ? '</div></div>' : '') +
|
'</div>' +
|
||||||
'<div><textarea class="reply-textarea">'+ '</textarea></div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'<div class="pages">' +
|
||||||
'</div>' +
|
'<div class="page page-add-comment">' +
|
||||||
'</div>' +
|
'<div class="page-content">' +
|
||||||
'</div>' +
|
'<div class="wrap-reply">' +
|
||||||
'</div>'
|
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + me.currentUser.asc_getColor() + ';">' + me.getInitials(me.currentUser.asc_getUserName()) + '</div><div>' : '') +
|
||||||
);
|
'<div class="user-name">' + me.currentUser.asc_getUserName() + '</div>' +
|
||||||
$('.popup').css('z-index', '20000');
|
'<div class="comment-date">' + date + '</div>' +
|
||||||
} else {
|
(isAndroid ? '</div></div>' : '') +
|
||||||
$('.container-view-comment .toolbar').find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
'<div><textarea class="reply-textarea">' + '</textarea></div>' +
|
||||||
var template = _.template('<a href="#" class="link done-reply">' + me.textDone + '</a>');
|
'</div>' +
|
||||||
$('.container-view-comment .button-right').append(template);
|
'</div>' +
|
||||||
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
'</div>' +
|
||||||
$('.container-view-comment .button-left').append(template);
|
'</div>' +
|
||||||
template = _.template('<div class="block-reply"><textarea class="reply-textarea" autofocus placeholder="' + me.textAddReply + '"></textarea></div>');
|
'</div>'
|
||||||
$('.view-comment .page-content').append(template);
|
);
|
||||||
|
$('.popup').css('z-index', '20000');
|
||||||
|
} else {
|
||||||
|
$('.container-view-comment .toolbar').find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
||||||
|
var template = _.template('<a href="#" class="link done-reply">' + me.textDone + '</a>');
|
||||||
|
$('.container-view-comment .button-right').append(template);
|
||||||
|
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
||||||
|
$('.container-view-comment .button-left').append(template);
|
||||||
|
template = _.template('<div class="block-reply"><textarea class="reply-textarea" autofocus placeholder="' + me.textAddReply + '"></textarea></div>');
|
||||||
|
$('.view-comment .page-content').append(template);
|
||||||
|
}
|
||||||
|
} else if ($('.container-collaboration').length > 0) {
|
||||||
|
me.getView('Common.Views.Collaboration').showPage('#comments-add-reply-view');
|
||||||
|
var name = me.currentUser.asc_getUserName(),
|
||||||
|
color = me.currentUser.asc_getColor();
|
||||||
|
me.getView('Common.Views.Collaboration').renderAddReply(name, color, me.getInitials(name), date);
|
||||||
}
|
}
|
||||||
$('.done-reply').single('click', _.bind(function (uid) {
|
$('.done-reply').single('click', _.bind(function (uid) {
|
||||||
var reply = $('.reply-textarea')[0].value;
|
var reply = $('.reply-textarea')[0].value;
|
||||||
var $viewComment = $('.container-view-comment');
|
if ($('.container-view-comment').length > 0) {
|
||||||
if (reply && reply.length > 0) {
|
var $viewComment = $('.container-view-comment');
|
||||||
this.addReply(uid, reply);
|
if (reply && reply.length > 0) {
|
||||||
uiApp.closeModal($$(addReplyView));
|
this.addReply(uid, reply);
|
||||||
this.updateViewComment(this.showComments, this.indexCurrentComment);
|
uiApp.closeModal($$(addReplyView));
|
||||||
if (!phone) {
|
this.updateViewComment(this.showComments, this.indexCurrentComment);
|
||||||
$viewComment.find('a.done-reply, a.cancel-reply').css('display', 'none');
|
if (!phone) {
|
||||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
$viewComment.find('a.done-reply, a.cancel-reply').css('display', 'none');
|
||||||
|
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
} else if ($('.container-collaboration').length > 0) {
|
||||||
|
this.addReply(uid, reply);
|
||||||
|
rootView.router.back();
|
||||||
}
|
}
|
||||||
}, me, comment.uid));
|
}, me, comment.uid));
|
||||||
$('.cancel-reply').single('click', _.bind(function () {
|
$('.cancel-reply').single('click', _.bind(function () {
|
||||||
|
|
@ -1093,8 +1113,11 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
initMenuComments: function() {
|
initMenuComments: function(e) {
|
||||||
if ($('.actions-modal').length === 0) {
|
var $comment = $(e.currentTarget).closest('.comment');
|
||||||
|
var idComment = $comment.data('uid');
|
||||||
|
var comment = this.findComment(idComment);
|
||||||
|
if ($('.actions-modal').length === 0 && comment) {
|
||||||
var me = this;
|
var me = this;
|
||||||
_.delay(function () {
|
_.delay(function () {
|
||||||
var _menuItems = [];
|
var _menuItems = [];
|
||||||
|
|
@ -1102,7 +1125,7 @@ define([
|
||||||
caption: me.textEdit,
|
caption: me.textEdit,
|
||||||
event: 'edit'
|
event: 'edit'
|
||||||
});
|
});
|
||||||
if (!me.showComments[me.indexCurrentComment].resolved) {
|
if (!comment.resolved) {
|
||||||
_menuItems.push({
|
_menuItems.push({
|
||||||
caption: me.textResolve,
|
caption: me.textResolve,
|
||||||
event: 'resolve'
|
event: 'resolve'
|
||||||
|
|
@ -1113,6 +1136,12 @@ define([
|
||||||
event: 'resolve'
|
event: 'resolve'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if ($('.container-collaboration').length > 0) {
|
||||||
|
_menuItems.push({
|
||||||
|
caption: me.textAddReply,
|
||||||
|
event: 'addreply'
|
||||||
|
});
|
||||||
|
}
|
||||||
_menuItems.push({
|
_menuItems.push({
|
||||||
caption: me.textDeleteComment,
|
caption: me.textDeleteComment,
|
||||||
event: 'delete',
|
event: 'delete',
|
||||||
|
|
@ -1121,7 +1150,7 @@ define([
|
||||||
_.each(_menuItems, function (item) {
|
_.each(_menuItems, function (item) {
|
||||||
item.text = item.caption;
|
item.text = item.caption;
|
||||||
item.onClick = function () {
|
item.onClick = function () {
|
||||||
me.onCommentMenuClick(item.event)
|
me.onCommentMenuClick(item.event, idComment)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -1141,6 +1170,7 @@ define([
|
||||||
initReplyMenu: function(event) {
|
initReplyMenu: function(event) {
|
||||||
var me = this;
|
var me = this;
|
||||||
var ind = $(event.currentTarget).parent().parent().data('ind');
|
var ind = $(event.currentTarget).parent().parent().data('ind');
|
||||||
|
var idComment = $(event.currentTarget).closest('.comment').data('uid');
|
||||||
_.delay(function () {
|
_.delay(function () {
|
||||||
var _menuItems = [];
|
var _menuItems = [];
|
||||||
_menuItems.push({
|
_menuItems.push({
|
||||||
|
|
@ -1155,7 +1185,7 @@ define([
|
||||||
_.each(_menuItems, function (item) {
|
_.each(_menuItems, function (item) {
|
||||||
item.text = item.caption;
|
item.text = item.caption;
|
||||||
item.onClick = function () {
|
item.onClick = function () {
|
||||||
me.onCommentMenuClick(item.event, ind);
|
me.onCommentMenuClick(item.event, idComment, ind);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
uiApp.actions([_menuItems, [
|
uiApp.actions([_menuItems, [
|
||||||
|
|
@ -1170,7 +1200,7 @@ define([
|
||||||
}, 100);
|
}, 100);
|
||||||
},
|
},
|
||||||
|
|
||||||
onCommentMenuClick: function(action, indReply) {
|
onCommentMenuClick: function(action, idComment, indReply) {
|
||||||
var me = this;
|
var me = this;
|
||||||
function addOverlay () {
|
function addOverlay () {
|
||||||
if (!Common.SharedSettings.get('phone')) {
|
if (!Common.SharedSettings.get('phone')) {
|
||||||
|
|
@ -1183,24 +1213,27 @@ define([
|
||||||
switch (action) {
|
switch (action) {
|
||||||
case 'edit':
|
case 'edit':
|
||||||
addOverlay();
|
addOverlay();
|
||||||
me.showEditComment();
|
me.showEditComment(idComment);
|
||||||
break;
|
break;
|
||||||
case 'resolve':
|
case 'resolve':
|
||||||
addOverlay();
|
addOverlay();
|
||||||
me.onClickResolveComment();
|
me.onClickResolveComment(idComment);
|
||||||
break;
|
break;
|
||||||
case 'delete':
|
case 'delete':
|
||||||
addOverlay();
|
addOverlay();
|
||||||
me.onDeleteComment(me.indexCurrentComment);
|
me.onDeleteComment(idComment);
|
||||||
break;
|
break;
|
||||||
case 'editreply':
|
case 'editreply':
|
||||||
addOverlay();
|
addOverlay();
|
||||||
me.showEditReplyModal(me.indexCurrentComment, indReply);
|
me.showEditReply(idComment, indReply);
|
||||||
break;
|
break;
|
||||||
case 'deletereply':
|
case 'deletereply':
|
||||||
addOverlay();
|
addOverlay();
|
||||||
me.onDeleteReply(me.indexCurrentComment, indReply);
|
me.onDeleteReply(idComment, indReply);
|
||||||
break;
|
break;
|
||||||
|
case 'addreply':
|
||||||
|
addOverlay();
|
||||||
|
me.onClickAddReply(idComment);
|
||||||
default:
|
default:
|
||||||
addOverlay();
|
addOverlay();
|
||||||
break;
|
break;
|
||||||
|
|
@ -1249,29 +1282,34 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
this.api.asc_changeComment(uid, ascComment);
|
this.api.asc_changeComment(uid, ascComment);
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
|
onDeleteComment: function(uid) {
|
||||||
|
var comment = this.findComment(uid);
|
||||||
|
if (this.api && comment) {
|
||||||
|
this.api.asc_removeComment(uid);
|
||||||
|
if ($('.container-view-comment').length > 0) {
|
||||||
|
if (this.showComments.length === 0) {
|
||||||
|
uiApp.closeModal();
|
||||||
|
} else {
|
||||||
|
this.indexCurrentComment = this.indexCurrentComment - 1 > -1 ? this.indexCurrentComment - 1 : 0;
|
||||||
|
this.updateViewComment();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onDeleteComment: function(ind) {
|
onDeleteReply: function(idComment, indReply) {
|
||||||
if (this.api && !_.isUndefined(ind) && !_.isUndefined(this.showComments)) {
|
if (!_.isUndefined(idComment) && !_.isUndefined(indReply)) {
|
||||||
this.api.asc_removeComment(this.showComments[ind].uid);
|
|
||||||
if (this.showComments.length === 0) {
|
|
||||||
uiApp.closeModal();
|
|
||||||
} else {
|
|
||||||
this.indexCurrentComment = this.indexCurrentComment - 1 > -1 ? this.indexCurrentComment - 1 : 0;
|
|
||||||
this.updateViewComment();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
onDeleteReply: function(indComment, indReply) {
|
|
||||||
if (!_.isUndefined(indComment) && !_.isUndefined(indReply)) {
|
|
||||||
var me = this,
|
var me = this,
|
||||||
replies = null,
|
replies = null,
|
||||||
addReply = null,
|
addReply = null,
|
||||||
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
|
ascComment = (typeof Asc.asc_CCommentDataWord !== 'undefined' ? new Asc.asc_CCommentDataWord(null) : new Asc.asc_CCommentData(null)),
|
||||||
comment = me.showComments[indComment];
|
comment = me.findComment(idComment);
|
||||||
|
|
||||||
if (ascComment && comment) {
|
if (ascComment && comment) {
|
||||||
var id = comment.uid;
|
var id = comment.uid;
|
||||||
|
|
@ -1307,123 +1345,38 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
me.api.asc_changeComment(id, ascComment);
|
me.api.asc_changeComment(id, ascComment);
|
||||||
me.updateViewComment();
|
if($('.container-view-comment').length > 0) {
|
||||||
|
me.updateViewComment();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
showEditComment: function() {
|
showEditComment: function(idComment) {
|
||||||
var me = this,
|
var me = this,
|
||||||
isAndroid = Framework7.prototype.device.android === true;
|
isAndroid = Framework7.prototype.device.android === true;
|
||||||
if (this.indexCurrentComment > -1 && this.indexCurrentComment < this.showComments.length) {
|
if (idComment) {
|
||||||
var comment = this.showComments[this.indexCurrentComment];
|
var comment = this.findComment(idComment);
|
||||||
if (Common.SharedSettings.get('phone')) {
|
if ($('.container-view-comment').length > 0) {
|
||||||
me.editView = uiApp.popup(
|
|
||||||
'<div class="popup container-edit-comment">' +
|
|
||||||
'<div class="navbar">' +
|
|
||||||
'<div class="navbar-inner">' +
|
|
||||||
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? ' <i class="icon icon-close-comment"></i>' : '<span>' + me.textCancel + '</span>')+ '</a></div>' +
|
|
||||||
'<div class="center sliding">' + me.textEditComment + '</div>' +
|
|
||||||
'<div class="right sliding"><a href="#" class="link" id="edit-comment">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + me.textDone + '</span>') + '</a></div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
|
||||||
'<div class="pages">' +
|
|
||||||
'<div class="page add-comment">' +
|
|
||||||
'<div class="page-content">' +
|
|
||||||
'<div class="wrap-comment">' +
|
|
||||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: '+ comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
|
||||||
'<div class="user-name">' + comment.username + '</div>' +
|
|
||||||
'<div class="comment-date">' + comment.date + '</div>' +
|
|
||||||
(isAndroid ? '</div></div>' : '') +
|
|
||||||
'<div><textarea id="comment-text" class="comment-textarea">' + comment.comment + '</textarea></div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>' +
|
|
||||||
'</div>'
|
|
||||||
);
|
|
||||||
$('.popup').css('z-index', '20000');
|
|
||||||
_.delay(function () {
|
|
||||||
var $textarea = $('.comment-textarea')[0];
|
|
||||||
$textarea.focus();
|
|
||||||
$textarea.selectionStart = $textarea.value.length;
|
|
||||||
},100);
|
|
||||||
} else {
|
|
||||||
if ($('.comment-textarea').length === 0) {
|
|
||||||
var $viewComment = $('.container-view-comment');
|
|
||||||
var oldComment = $viewComment.find('.comment-text span').text();
|
|
||||||
$viewComment.find('.comment-text span').css('display', 'none');
|
|
||||||
var template = _.template('<textarea id="comment-text" class="comment-textarea">' + oldComment + '</textarea>');
|
|
||||||
$viewComment.find('.comment-text').append(template);
|
|
||||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
|
||||||
template = _.template('<a href="#" class="link done-reply" id="edit-comment">' + me.textDone + '</a>');
|
|
||||||
$viewComment.find('.button-right').append(template);
|
|
||||||
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
|
||||||
$viewComment.find('.button-left').append(template);
|
|
||||||
|
|
||||||
_.delay(function () {
|
|
||||||
var $textarea = $viewComment.find('.comment-textarea')[0];
|
|
||||||
$textarea.focus();
|
|
||||||
$textarea.selectionStart = $textarea.value.length;
|
|
||||||
}, 50);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$('#edit-comment').single('click', _.bind(function (comment) {
|
|
||||||
var value = $('#comment-text')[0].value;
|
|
||||||
if (value && value.length > 0) {
|
|
||||||
comment.comment = value;
|
|
||||||
this.showComments[this.indexCurrentComment] = comment;
|
|
||||||
this.onChangeComment(comment);
|
|
||||||
if (Common.SharedSettings.get('phone')) {
|
|
||||||
uiApp.closeModal($$(me.editView));
|
|
||||||
} else {
|
|
||||||
var $viewComment = $('.container-view-comment');
|
|
||||||
$viewComment.find('a.done-reply, a.cancel-reply').remove();
|
|
||||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
|
||||||
}
|
|
||||||
this.updateViewComment();
|
|
||||||
}
|
|
||||||
}, me, comment));
|
|
||||||
$('.cancel-reply').single('click', _.bind(function () {
|
|
||||||
var $viewComment = $('.container-view-comment');
|
|
||||||
$viewComment.find('a.done-reply, a.cancel-reply, .comment-textarea').remove();
|
|
||||||
$viewComment.find('.comment-text span').css('display', 'block');
|
|
||||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
|
||||||
}, me));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
showEditReplyModal: function(indComment, indReply) {
|
|
||||||
var me = this;
|
|
||||||
if (indComment > -1 && indComment < this.showComments.length) {
|
|
||||||
var editView,
|
|
||||||
comment,
|
|
||||||
replies,
|
|
||||||
reply;
|
|
||||||
var isAndroid = Framework7.prototype.device.android === true;
|
|
||||||
this.showComments && (comment = this.showComments[indComment]);
|
|
||||||
comment && (replies = comment.replys);
|
|
||||||
replies && (reply = replies[indReply]);
|
|
||||||
if (reply) {
|
|
||||||
if (Common.SharedSettings.get('phone')) {
|
if (Common.SharedSettings.get('phone')) {
|
||||||
editView = uiApp.popup(
|
me.editView = uiApp.popup(
|
||||||
'<div class="popup container-edit-comment">' +
|
'<div class="popup container-edit-comment">' +
|
||||||
'<div class="navbar">' +
|
'<div class="navbar">' +
|
||||||
'<div class="navbar-inner">' +
|
'<div class="navbar-inner">' +
|
||||||
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + me.textCancel + '</span>') + '</a></div>' +
|
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? ' <i class="icon icon-close-comment"></i>' : '<span>' + me.textCancel + '</span>') + '</a></div>' +
|
||||||
'<div class="center sliding">' + me.textEditReply + '</div>' +
|
'<div class="center sliding">' + me.textEditComment + '</div>' +
|
||||||
'<div class="right sliding"><a href="#" class="link" id="edit-reply">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + me.textDone + '</span>') + '</a></div>' +
|
'<div class="right sliding"><a href="#" class="link" id="edit-comment">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + me.textDone + '</span>') + '</a></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="pages">' +
|
'<div class="pages">' +
|
||||||
'<div class="page add-comment">' +
|
'<div class="page add-comment">' +
|
||||||
'<div class="page-content">' +
|
'<div class="page-content">' +
|
||||||
'<div class="wrap-comment">' +
|
'<div class="wrap-comment">' +
|
||||||
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: '+ comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
||||||
'<div class="user-name">' + reply.username + '</div>' +
|
'<div class="user-name">' + comment.username + '</div>' +
|
||||||
'<div class="comment-date">' + reply.date + '</div>' +
|
'<div class="comment-date">' + comment.date + '</div>' +
|
||||||
(isAndroid ? '</div></div>' : '') +
|
(isAndroid ? '</div></div>' : '') +
|
||||||
'<div><textarea id="comment-text" class="edit-reply-textarea">' + reply.reply + '</textarea></div>' +
|
'<div><textarea id="comment-text" class="comment-textarea">' + comment.comment + '</textarea></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
|
|
@ -1432,40 +1385,139 @@ define([
|
||||||
);
|
);
|
||||||
$('.popup').css('z-index', '20000');
|
$('.popup').css('z-index', '20000');
|
||||||
_.delay(function () {
|
_.delay(function () {
|
||||||
var $textarea = $('.edit-reply-textarea')[0];
|
var $textarea = $('.comment-textarea')[0];
|
||||||
$textarea.focus();
|
$textarea.focus();
|
||||||
$textarea.selectionStart = $textarea.value.length;
|
$textarea.selectionStart = $textarea.value.length;
|
||||||
},100);
|
}, 100);
|
||||||
} else {
|
} else {
|
||||||
var $reply = $('.reply-item[data-ind=' + indReply + ']');
|
if ($('.comment-textarea').length === 0) {
|
||||||
var $viewComment = $('.container-view-comment');
|
var $viewComment = $('.container-view-comment');
|
||||||
$reply.find('.reply-text').css('display', 'none');
|
var oldComment = $viewComment.find('.comment-text span').text();
|
||||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
$viewComment.find('.comment-text span').css('display', 'none');
|
||||||
var template = _.template('<textarea class="edit-reply-textarea">' + reply.reply + '</textarea>');
|
var template = _.template('<textarea id="comment-text" class="comment-textarea">' + oldComment + '</textarea>');
|
||||||
$reply.append(template);
|
$viewComment.find('.comment-text').append(template);
|
||||||
template = _.template('<a href="#" class="link done-reply" id="edit-reply">' + me.textDone + '</a>');
|
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
||||||
$viewComment.find('.button-right').append(template);
|
template = _.template('<a href="#" class="link done-edit-comment" id="edit-comment">' + me.textDone + '</a>');
|
||||||
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
$viewComment.find('.button-right').append(template);
|
||||||
$viewComment.find('.button-left').append(template);
|
template = _.template('<a href="#" class="link cancel-edit-comment">' + me.textCancel + '</a>');
|
||||||
|
$viewComment.find('.button-left').append(template);
|
||||||
_.delay(function () {
|
}
|
||||||
var $textarea = $viewComment.find('.edit-reply-textarea')[0];
|
|
||||||
$textarea.focus();
|
|
||||||
$textarea.selectionStart = $textarea.value.length;
|
|
||||||
}, 50);
|
|
||||||
}
|
}
|
||||||
$('#edit-reply').single('click', _.bind(function (comment, indReply) {
|
} else if ($('.container-collaboration').length > 0) {
|
||||||
var value = $('.edit-reply-textarea')[0].value;
|
this.getView('Common.Views.Collaboration').showPage('#comments-edit-view');
|
||||||
if (value && value.length > 0) {
|
this.getView('Common.Views.Collaboration').renderEditComment(comment);
|
||||||
comment.replys[indReply].reply = value;
|
}
|
||||||
this.onChangeComment(comment);
|
_.defer(function () {
|
||||||
|
var $textarea = $('.comment-textarea')[0];
|
||||||
|
$textarea.focus();
|
||||||
|
$textarea.selectionStart = $textarea.value.length;
|
||||||
|
});
|
||||||
|
$('#edit-comment').single('click', _.bind(function (comment) {
|
||||||
|
var value = $('#comment-text')[0].value;
|
||||||
|
if (value && value.length > 0) {
|
||||||
|
comment.comment = value;
|
||||||
|
if (!this.onChangeComment(comment)) return;
|
||||||
|
if ($('.container-view-comment').length > 0) {
|
||||||
|
this.showComments[this.indexCurrentComment] = comment;
|
||||||
if (Common.SharedSettings.get('phone')) {
|
if (Common.SharedSettings.get('phone')) {
|
||||||
uiApp.closeModal($$(editView));
|
uiApp.closeModal($$(me.editView));
|
||||||
} else {
|
} else {
|
||||||
$viewComment.find('a.done-reply, a.cancel-reply').remove();
|
var $viewComment = $('.container-view-comment');
|
||||||
|
$viewComment.find('a.done-edit-comment, a.cancel-edit-comment').remove();
|
||||||
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||||
}
|
}
|
||||||
this.updateViewComment();
|
this.updateViewComment();
|
||||||
|
} else if ($('.container-collaboration').length > 0) {
|
||||||
|
rootView.router.back();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, me, comment));
|
||||||
|
$('.cancel-edit-comment').single('click', _.bind(function () {
|
||||||
|
var $viewComment = $('.container-view-comment');
|
||||||
|
$viewComment.find('a.done-edit-comment, a.cancel-edit-comment, .comment-textarea').remove();
|
||||||
|
$viewComment.find('.comment-text span').css('display', 'block');
|
||||||
|
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||||
|
}, me));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
showEditReply: function(idComment, indReply) {
|
||||||
|
var me = this;
|
||||||
|
var comment = me.findComment(idComment);
|
||||||
|
if (comment) {
|
||||||
|
var editView,
|
||||||
|
replies,
|
||||||
|
reply;
|
||||||
|
var isAndroid = Framework7.prototype.device.android === true;
|
||||||
|
replies = comment.replys;
|
||||||
|
reply = replies[indReply];
|
||||||
|
if (reply) {
|
||||||
|
if ($('.container-view-comment').length > 0) {
|
||||||
|
if (Common.SharedSettings.get('phone')) {
|
||||||
|
editView = uiApp.popup(
|
||||||
|
'<div class="popup container-edit-comment">' +
|
||||||
|
'<div class="navbar">' +
|
||||||
|
'<div class="navbar-inner">' +
|
||||||
|
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + me.textCancel + '</span>') + '</a></div>' +
|
||||||
|
'<div class="center sliding">' + me.textEditReply + '</div>' +
|
||||||
|
'<div class="right sliding"><a href="#" class="link" id="edit-reply">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + me.textDone + '</span>') + '</a></div>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
'<div class="pages">' +
|
||||||
|
'<div class="page add-comment">' +
|
||||||
|
'<div class="page-content">' +
|
||||||
|
'<div class="wrap-comment">' +
|
||||||
|
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + reply.usercolor + ';">' + reply.userInitials + '</div><div>' : '') +
|
||||||
|
'<div class="user-name">' + reply.username + '</div>' +
|
||||||
|
'<div class="comment-date">' + reply.date + '</div>' +
|
||||||
|
(isAndroid ? '</div></div>' : '') +
|
||||||
|
'<div><textarea id="comment-text" class="edit-reply-textarea">' + reply.reply + '</textarea></div>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>'
|
||||||
|
);
|
||||||
|
$('.popup').css('z-index', '20000');
|
||||||
|
} else {
|
||||||
|
var $reply = $('.reply-item[data-ind=' + indReply + ']');
|
||||||
|
var $viewComment = $('.container-view-comment');
|
||||||
|
$reply.find('.reply-text').css('display', 'none');
|
||||||
|
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'none');
|
||||||
|
var template = _.template('<textarea class="edit-reply-textarea">' + reply.reply + '</textarea>');
|
||||||
|
$reply.append(template);
|
||||||
|
template = _.template('<a href="#" class="link done-reply" id="edit-reply">' + me.textDone + '</a>');
|
||||||
|
$viewComment.find('.button-right').append(template);
|
||||||
|
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
|
||||||
|
$viewComment.find('.button-left').append(template);
|
||||||
|
}
|
||||||
|
} else if ($('.container-collaboration').length > 0) {
|
||||||
|
me.getView('Common.Views.Collaboration').showPage('#comments-edit-reply-view');
|
||||||
|
me.getView('Common.Views.Collaboration').renderEditReply(reply);
|
||||||
|
}
|
||||||
|
_.delay(function () {
|
||||||
|
var $textarea = $('.edit-reply-textarea')[0];
|
||||||
|
$textarea.focus();
|
||||||
|
$textarea.selectionStart = $textarea.value.length;
|
||||||
|
}, 100);
|
||||||
|
$('#edit-reply').single('click', _.bind(function (comment, indReply) {
|
||||||
|
var value = $('.edit-reply-textarea')[0].value;
|
||||||
|
if (value && value.length > 0) {
|
||||||
|
if ($('.container-view-comment').length > 0) {
|
||||||
|
comment.replys[indReply].reply = value;
|
||||||
|
this.onChangeComment(comment);
|
||||||
|
if (Common.SharedSettings.get('phone')) {
|
||||||
|
uiApp.closeModal($$(editView));
|
||||||
|
} else {
|
||||||
|
$viewComment.find('a.done-reply, a.cancel-reply').remove();
|
||||||
|
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
|
||||||
|
}
|
||||||
|
this.updateViewComment();
|
||||||
|
} else {
|
||||||
|
comment.replys[indReply].reply = value;
|
||||||
|
this.onChangeComment(comment);
|
||||||
|
rootView.router.back();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}, me, comment, indReply));
|
}, me, comment, indReply));
|
||||||
$('.cancel-reply').single('click', _.bind(function () {
|
$('.cancel-reply').single('click', _.bind(function () {
|
||||||
|
|
@ -1477,12 +1529,19 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onClickResolveComment: function() {
|
onClickResolveComment: function(uid, e) {
|
||||||
if (!_.isUndefined(this.indexCurrentComment) && !_.isUndefined(this.showComments)) {
|
var idComment;
|
||||||
var comment = this.showComments[this.indexCurrentComment];
|
if (!uid) {
|
||||||
if (comment) {
|
var $comment = $(e.currentTarget).closest('.comment');
|
||||||
if (this.resolveComment(comment.uid)) {
|
idComment = $comment.data('uid');
|
||||||
$('.comment-resolve .icon-resolve-comment').toggleClass('check');
|
} else {
|
||||||
|
idComment = uid;
|
||||||
|
}
|
||||||
|
var comment = this.findComment(idComment);
|
||||||
|
if (comment) {
|
||||||
|
if (this.resolveComment(comment.uid)) {
|
||||||
|
if ($('.container-view-comment').length > 0) {
|
||||||
|
$('.comment[data-uid=' + idComment + '] .comment-resolve .icon-resolve-comment').toggleClass('check');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1555,6 +1614,9 @@ define([
|
||||||
|
|
||||||
initComments: function() {
|
initComments: function() {
|
||||||
this.getView('Common.Views.Collaboration').renderComments((this.groupCollectionFilter.length !== 0) ? this.groupCollectionFilter : (this.collectionComments.length !== 0) ? this.collectionComments : false);
|
this.getView('Common.Views.Collaboration').renderComments((this.groupCollectionFilter.length !== 0) ? this.groupCollectionFilter : (this.collectionComments.length !== 0) ? this.collectionComments : false);
|
||||||
|
$('.comment-menu').single('click', _.bind(this.initMenuComments, this));
|
||||||
|
$('.reply-menu').single('click', _.bind(this.initReplyMenu, this));
|
||||||
|
$('.comment-resolve').single('click', _.bind(this.onClickResolveComment, this, false));
|
||||||
$('.comment-quote').single('click', _.bind(this.onSelectComment, this));
|
$('.comment-quote').single('click', _.bind(this.onSelectComment, this));
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -237,3 +237,57 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Comments edit-view -->
|
||||||
|
<div id="comments-edit-view">
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="navbar-inner">
|
||||||
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||||
|
<div class="center sliding"><%= scope.textEditСomment %></div>
|
||||||
|
<div class="right sliding"><a id="edit-comment"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pages">
|
||||||
|
<div class="page page-edit-comment" data-page="comments-edit-view">
|
||||||
|
<div class="page-content">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Comments add-reply-view -->
|
||||||
|
<div id="comments-add-reply-view">
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="navbar-inner">
|
||||||
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||||
|
<div class="center sliding"><%= scope.textAddReply %></div>
|
||||||
|
<div class="right sliding"><a class="done-reply"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pages">
|
||||||
|
<div class="page page-add-reply" data-page="comments-add-reply-view">
|
||||||
|
<div class="page-content">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Comments edit-reply-view -->
|
||||||
|
<div id="comments-edit-reply-view">
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="navbar-inner">
|
||||||
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
||||||
|
<div class="center sliding"><%= scope.textEditReply %></div>
|
||||||
|
<div class="right sliding"><a id="edit-reply"><% if (android) { %><i class="icon icon-done-comment-white"></i><% } else { %><%= scope.textDone %><% } %></a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pages">
|
||||||
|
<div class="page page-edit-reply" data-page="comments-edit-reply-view">
|
||||||
|
<div class="page-content">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -156,7 +156,7 @@ define([
|
||||||
template = '<div class="list-block">' +
|
template = '<div class="list-block">' +
|
||||||
'<ul id="comments-list">';
|
'<ul id="comments-list">';
|
||||||
var comment = comments[indCurComment];
|
var comment = comments[indCurComment];
|
||||||
template += '<li class="comment item-content">' +
|
template += '<li class="comment item-content" data-uid="' + comment.uid + '">' +
|
||||||
'<div class="item-inner">' +
|
'<div class="item-inner">' +
|
||||||
'<div class="header-comment"><div class="comment-left">';
|
'<div class="header-comment"><div class="comment-left">';
|
||||||
if (isAndroid) {
|
if (isAndroid) {
|
||||||
|
|
@ -224,21 +224,37 @@ define([
|
||||||
items = [];
|
items = [];
|
||||||
_.each(comments, function (comment) {
|
_.each(comments, function (comment) {
|
||||||
var itemTemplate = [
|
var itemTemplate = [
|
||||||
'<li class="comment item-content">',
|
'<li class="comment item-content" data-uid="<%= item.uid %>">',
|
||||||
'<div class="item-inner">',
|
'<div class="item-inner">',
|
||||||
|
'<div class="header-comment"><div class="comment-left">',
|
||||||
|
'<% if (android) { %><div class="initials-comment" style="background-color:<%= item.usercolor %> "> <%= item.userInitials %></div><div><% } %>',
|
||||||
'<p class="user-name"><%= item.username %></p>',
|
'<p class="user-name"><%= item.username %></p>',
|
||||||
'<p class="comment-date"><%= item.date %></p>',
|
'<p class="comment-date"><%= item.date %></p>',
|
||||||
|
'<% if (android) { %></div><% } %>',
|
||||||
|
'</div>',
|
||||||
|
'<div class="comment-right">',
|
||||||
|
'<div class="comment-resolve"><i class="icon icon-resolve-comment <% if (item.resolved) { %> check <% } %>"></i></div>',
|
||||||
|
'<div class="comment-menu"><i class="icon icon-menu-comment"></i></div>',
|
||||||
|
'</div>',
|
||||||
|
'</div>',
|
||||||
'<% if(item.quote) {%>',
|
'<% if(item.quote) {%>',
|
||||||
'<p class="comment-quote" data-id="<%= item.uid %>"><%= item.quote %></p>',
|
'<p class="comment-quote" data-id="<%= item.uid %>"><%= item.quote %></p>',
|
||||||
'<% } %>',
|
'<% } %>',
|
||||||
'<p class="comment-text"><%= item.comment %></p>',
|
'<p class="comment-text"><span><%= item.comment %></span></p>',
|
||||||
'<% if(replys > 0) {%>',
|
'<% if(replys > 0) {%>',
|
||||||
'<ul class="list-reply">',
|
'<ul class="list-reply">',
|
||||||
'<% _.each(item.replys, function (reply) { %>',
|
'<% _.each(item.replys, function (reply) { %>',
|
||||||
'<li class="reply-item">',
|
'<li class="reply-item" data-ind="<%= reply.ind %>">',
|
||||||
'<p class="user-name"><%= reply.username %></p>',
|
'<div class="header-reply">',
|
||||||
'<p class="reply-date"><%= reply.date %></p>',
|
'<div class="reply-left">',
|
||||||
'<p class="reply-text"><%= reply.reply %></p>',
|
'<% if (android) { %><div class="initials-reply" style="background-color: <%= reply.usercolor %>;"><%= reply.userInitials %></div><div><% } %>',
|
||||||
|
'<p class="user-name"><%= reply.username %></p>',
|
||||||
|
'<p class="reply-date"><%= reply.date %></p>',
|
||||||
|
'</div>',
|
||||||
|
'<% if (android) { %></div><% } %>',
|
||||||
|
'<div class="reply-menu"><i class="icon icon-menu-comment"></i></div>',
|
||||||
|
'</div>',
|
||||||
|
'<p class="reply-text"><%= reply.reply %></p>',
|
||||||
'</li>',
|
'</li>',
|
||||||
'<% }); %>',
|
'<% }); %>',
|
||||||
'</ul>',
|
'</ul>',
|
||||||
|
|
@ -256,7 +272,44 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
renderEditComment: function(comment) {
|
||||||
|
var $pageEdit = $('.page-edit-comment .page-content');
|
||||||
|
var isAndroid = Framework7.prototype.device.android === true;
|
||||||
|
var template = '<div class="wrap-comment">' +
|
||||||
|
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + comment.usercolor + ';">' + comment.userInitials + '</div><div>' : '') +
|
||||||
|
'<div class="user-name">' + comment.username + '</div>' +
|
||||||
|
'<div class="comment-date">' + comment.date + '</div>' +
|
||||||
|
(isAndroid ? '</div></div>' : '') +
|
||||||
|
'<div><textarea id="comment-text" class="comment-textarea">' + comment.comment + '</textarea></div>' +
|
||||||
|
'</div>';
|
||||||
|
$pageEdit.html(_.template(template));
|
||||||
|
},
|
||||||
|
|
||||||
|
renderAddReply: function(name, color, initials, date) {
|
||||||
|
var $pageAdd = $('.page-add-reply .page-content');
|
||||||
|
var isAndroid = Framework7.prototype.device.android === true;
|
||||||
|
var template = '<div class="wrap-reply">' +
|
||||||
|
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + color + ';">' + initials + '</div><div>' : '') +
|
||||||
|
'<div class="user-name">' + name + '</div>' +
|
||||||
|
'<div class="comment-date">' + date + '</div>' +
|
||||||
|
(isAndroid ? '</div></div>' : '') +
|
||||||
|
'<div><textarea class="reply-textarea">' + '</textarea></div>' +
|
||||||
|
'</div>';
|
||||||
|
$pageAdd.html(_.template(template));
|
||||||
|
},
|
||||||
|
|
||||||
|
renderEditReply: function(reply) {
|
||||||
|
var $pageEdit = $('.page-edit-reply .page-content');
|
||||||
|
var isAndroid = Framework7.prototype.device.android === true;
|
||||||
|
var template = '<div class="wrap-comment">' +
|
||||||
|
(isAndroid ? '<div class="header-comment"><div class="initials-comment" style="background-color: ' + reply.usercolor + ';">' + reply.userInitials + '</div><div>' : '') +
|
||||||
|
'<div class="user-name">' + reply.username + '</div>' +
|
||||||
|
'<div class="comment-date">' + reply.date + '</div>' +
|
||||||
|
(isAndroid ? '</div></div>' : '') +
|
||||||
|
'<div><textarea id="comment-text" class="edit-reply-textarea">' + reply.reply + '</textarea></div>' +
|
||||||
|
'</div>';
|
||||||
|
$pageEdit.html(_.template(template));
|
||||||
|
},
|
||||||
|
|
||||||
textCollaboration: 'Collaboration',
|
textCollaboration: 'Collaboration',
|
||||||
textReviewing: 'Review',
|
textReviewing: 'Review',
|
||||||
|
|
@ -271,7 +324,11 @@ define([
|
||||||
textOriginal: 'Original',
|
textOriginal: 'Original',
|
||||||
textChange: 'Review Change',
|
textChange: 'Review Change',
|
||||||
textEditUsers: 'Users',
|
textEditUsers: 'Users',
|
||||||
textNoComments: "This document doesn\'t contain comments"
|
textNoComments: "This document doesn\'t contain comments",
|
||||||
|
textEditСomment: "Edit Comment",
|
||||||
|
textDone: "Done",
|
||||||
|
textAddReply: "Add Reply",
|
||||||
|
textEditReply: "Edit Reply"
|
||||||
}
|
}
|
||||||
})(), Common.Views.Collaboration || {}))
|
})(), Common.Views.Collaboration || {}))
|
||||||
});
|
});
|
||||||
|
|
@ -92,7 +92,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
//Comments
|
//Comments
|
||||||
.page-comments, .add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .view-comment {
|
.page-comments, .add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .view-comment, .page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||||
|
.header-comment {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-right: 16px;
|
||||||
|
.comment-right {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 70px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.list-block .item-inner {
|
.list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
|
|
@ -162,7 +172,7 @@
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap-comment {
|
.wrap-comment, .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.comment-textarea, .reply-textarea, .edit-reply-textarea {
|
.comment-textarea, .reply-textarea, .edit-reply-textarea {
|
||||||
|
|
@ -210,16 +220,6 @@
|
||||||
}
|
}
|
||||||
.item-inner {
|
.item-inner {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
.header-comment {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-right: 16px;
|
|
||||||
.comment-right {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -337,7 +337,7 @@
|
||||||
}
|
}
|
||||||
.page-add-comment {
|
.page-add-comment {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
.wrap-comment {
|
.wrap-comment, .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
.header-comment {
|
.header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
@ -378,3 +378,23 @@
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: @red;
|
color: @red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
.header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
.right {
|
||||||
|
height: 100%;
|
||||||
|
.done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -90,11 +90,21 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
//Comments
|
//Comments
|
||||||
.page-comments, .page-add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .view-comment {
|
.page-comments, .page-add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .view-comment, .page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||||
.list-block .item-inner {
|
.list-block {
|
||||||
display: block;
|
ul {
|
||||||
padding: 16px 0;
|
&:before, &:after {
|
||||||
word-wrap: break-word;
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-inner {
|
||||||
|
display: block;
|
||||||
|
padding: 16px 0;
|
||||||
|
word-wrap: break-word;
|
||||||
|
&:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -143,7 +153,7 @@
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap-comment {
|
.wrap-comment, .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.comment-textarea, .reply-textarea, .edit-reply-textarea {
|
.comment-textarea, .reply-textarea, .edit-reply-textarea {
|
||||||
|
|
@ -356,7 +366,7 @@
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment {
|
.page-add-comment {
|
||||||
.wrap-comment {
|
.wrap-comment, .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
.header-comment {
|
.header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
@ -369,6 +379,7 @@
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.wrap-textarea {
|
.wrap-textarea {
|
||||||
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
.comment-textarea {
|
.comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
|
|
@ -380,7 +391,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-edit-comment, .container-add-reply, container-edit-comment {
|
.container-edit-comment, .container-add-reply {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.navbar {
|
.navbar {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
@ -424,3 +435,22 @@
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: @red;
|
color: @red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-edit-comment, .page-add-reply, .page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
.header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
.right {
|
||||||
|
height: 100%;
|
||||||
|
.done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -6479,12 +6479,41 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
.page-comments .header-comment,
|
||||||
|
.add-comment .header-comment,
|
||||||
|
.page-view-comments .header-comment,
|
||||||
|
.container-edit-comment .header-comment,
|
||||||
|
.container-add-reply .header-comment,
|
||||||
|
.view-comment .header-comment,
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-right: 16px;
|
||||||
|
}
|
||||||
|
.page-comments .header-comment .comment-right,
|
||||||
|
.add-comment .header-comment .comment-right,
|
||||||
|
.page-view-comments .header-comment .comment-right,
|
||||||
|
.container-edit-comment .header-comment .comment-right,
|
||||||
|
.container-add-reply .header-comment .comment-right,
|
||||||
|
.view-comment .header-comment .comment-right,
|
||||||
|
.page-edit-comment .header-comment .comment-right,
|
||||||
|
.page-add-reply .header-comment .comment-right,
|
||||||
|
.page-edit-reply .header-comment .comment-right {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 70px;
|
||||||
|
}
|
||||||
.page-comments .list-block .item-inner,
|
.page-comments .list-block .item-inner,
|
||||||
.add-comment .list-block .item-inner,
|
.add-comment .list-block .item-inner,
|
||||||
.page-view-comments .list-block .item-inner,
|
.page-view-comments .list-block .item-inner,
|
||||||
.container-edit-comment .list-block .item-inner,
|
.container-edit-comment .list-block .item-inner,
|
||||||
.container-add-reply .list-block .item-inner,
|
.container-add-reply .list-block .item-inner,
|
||||||
.view-comment .list-block .item-inner {
|
.view-comment .list-block .item-inner,
|
||||||
|
.page-edit-comment .list-block .item-inner,
|
||||||
|
.page-add-reply .list-block .item-inner,
|
||||||
|
.page-edit-reply .list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
@ -6494,7 +6523,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments p,
|
.page-view-comments p,
|
||||||
.container-edit-comment p,
|
.container-edit-comment p,
|
||||||
.container-add-reply p,
|
.container-add-reply p,
|
||||||
.view-comment p {
|
.view-comment p,
|
||||||
|
.page-edit-comment p,
|
||||||
|
.page-add-reply p,
|
||||||
|
.page-edit-reply p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -6503,7 +6535,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .list-reply,
|
.page-view-comments .list-reply,
|
||||||
.container-edit-comment .list-reply,
|
.container-edit-comment .list-reply,
|
||||||
.container-add-reply .list-reply,
|
.container-add-reply .list-reply,
|
||||||
.view-comment .list-reply {
|
.view-comment .list-reply,
|
||||||
|
.page-edit-comment .list-reply,
|
||||||
|
.page-add-reply .list-reply,
|
||||||
|
.page-edit-reply .list-reply {
|
||||||
padding-left: 26px;
|
padding-left: 26px;
|
||||||
}
|
}
|
||||||
.page-comments .user-name,
|
.page-comments .user-name,
|
||||||
|
|
@ -6511,7 +6546,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .user-name,
|
.page-view-comments .user-name,
|
||||||
.container-edit-comment .user-name,
|
.container-edit-comment .user-name,
|
||||||
.container-add-reply .user-name,
|
.container-add-reply .user-name,
|
||||||
.view-comment .user-name {
|
.view-comment .user-name,
|
||||||
|
.page-edit-comment .user-name,
|
||||||
|
.page-add-reply .user-name,
|
||||||
|
.page-edit-reply .user-name {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6524,12 +6562,18 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-date,
|
.container-edit-comment .comment-date,
|
||||||
.container-add-reply .comment-date,
|
.container-add-reply .comment-date,
|
||||||
.view-comment .comment-date,
|
.view-comment .comment-date,
|
||||||
|
.page-edit-comment .comment-date,
|
||||||
|
.page-add-reply .comment-date,
|
||||||
|
.page-edit-reply .comment-date,
|
||||||
.page-comments .reply-date,
|
.page-comments .reply-date,
|
||||||
.add-comment .reply-date,
|
.add-comment .reply-date,
|
||||||
.page-view-comments .reply-date,
|
.page-view-comments .reply-date,
|
||||||
.container-edit-comment .reply-date,
|
.container-edit-comment .reply-date,
|
||||||
.container-add-reply .reply-date,
|
.container-add-reply .reply-date,
|
||||||
.view-comment .reply-date {
|
.view-comment .reply-date,
|
||||||
|
.page-edit-comment .reply-date,
|
||||||
|
.page-add-reply .reply-date,
|
||||||
|
.page-edit-reply .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
|
|
@ -6542,12 +6586,18 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-text,
|
.container-edit-comment .comment-text,
|
||||||
.container-add-reply .comment-text,
|
.container-add-reply .comment-text,
|
||||||
.view-comment .comment-text,
|
.view-comment .comment-text,
|
||||||
|
.page-edit-comment .comment-text,
|
||||||
|
.page-add-reply .comment-text,
|
||||||
|
.page-edit-reply .comment-text,
|
||||||
.page-comments .reply-text,
|
.page-comments .reply-text,
|
||||||
.add-comment .reply-text,
|
.add-comment .reply-text,
|
||||||
.page-view-comments .reply-text,
|
.page-view-comments .reply-text,
|
||||||
.container-edit-comment .reply-text,
|
.container-edit-comment .reply-text,
|
||||||
.container-add-reply .reply-text,
|
.container-add-reply .reply-text,
|
||||||
.view-comment .reply-text {
|
.view-comment .reply-text,
|
||||||
|
.page-edit-comment .reply-text,
|
||||||
|
.page-add-reply .reply-text,
|
||||||
|
.page-edit-reply .reply-text {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6560,7 +6610,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item,
|
.page-view-comments .reply-item,
|
||||||
.container-edit-comment .reply-item,
|
.container-edit-comment .reply-item,
|
||||||
.container-add-reply .reply-item,
|
.container-add-reply .reply-item,
|
||||||
.view-comment .reply-item {
|
.view-comment .reply-item,
|
||||||
|
.page-edit-comment .reply-item,
|
||||||
|
.page-add-reply .reply-item,
|
||||||
|
.page-edit-reply .reply-item {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
|
|
@ -6570,7 +6623,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item .header-reply,
|
.page-view-comments .reply-item .header-reply,
|
||||||
.container-edit-comment .reply-item .header-reply,
|
.container-edit-comment .reply-item .header-reply,
|
||||||
.container-add-reply .reply-item .header-reply,
|
.container-add-reply .reply-item .header-reply,
|
||||||
.view-comment .reply-item .header-reply {
|
.view-comment .reply-item .header-reply,
|
||||||
|
.page-edit-comment .reply-item .header-reply,
|
||||||
|
.page-add-reply .reply-item .header-reply,
|
||||||
|
.page-edit-reply .reply-item .header-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6579,7 +6635,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item .user-name,
|
.page-view-comments .reply-item .user-name,
|
||||||
.container-edit-comment .reply-item .user-name,
|
.container-edit-comment .reply-item .user-name,
|
||||||
.container-add-reply .reply-item .user-name,
|
.container-add-reply .reply-item .user-name,
|
||||||
.view-comment .reply-item .user-name {
|
.view-comment .reply-item .user-name,
|
||||||
|
.page-edit-comment .reply-item .user-name,
|
||||||
|
.page-add-reply .reply-item .user-name,
|
||||||
|
.page-edit-reply .reply-item .user-name {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
.page-comments .reply-item:before,
|
.page-comments .reply-item:before,
|
||||||
|
|
@ -6587,7 +6646,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item:before,
|
.page-view-comments .reply-item:before,
|
||||||
.container-edit-comment .reply-item:before,
|
.container-edit-comment .reply-item:before,
|
||||||
.container-add-reply .reply-item:before,
|
.container-add-reply .reply-item:before,
|
||||||
.view-comment .reply-item:before {
|
.view-comment .reply-item:before,
|
||||||
|
.page-edit-comment .reply-item:before,
|
||||||
|
.page-add-reply .reply-item:before,
|
||||||
|
.page-edit-reply .reply-item:before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: auto;
|
left: auto;
|
||||||
|
|
@ -6607,7 +6669,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .comment-quote,
|
.page-view-comments .comment-quote,
|
||||||
.container-edit-comment .comment-quote,
|
.container-edit-comment .comment-quote,
|
||||||
.container-add-reply .comment-quote,
|
.container-add-reply .comment-quote,
|
||||||
.view-comment .comment-quote {
|
.view-comment .comment-quote,
|
||||||
|
.page-edit-comment .comment-quote,
|
||||||
|
.page-add-reply .comment-quote,
|
||||||
|
.page-edit-reply .comment-quote {
|
||||||
color: #446995;
|
color: #446995;
|
||||||
border-left: 1px solid #446995;
|
border-left: 1px solid #446995;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -6619,7 +6684,19 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .wrap-comment,
|
.page-view-comments .wrap-comment,
|
||||||
.container-edit-comment .wrap-comment,
|
.container-edit-comment .wrap-comment,
|
||||||
.container-add-reply .wrap-comment,
|
.container-add-reply .wrap-comment,
|
||||||
.view-comment .wrap-comment {
|
.view-comment .wrap-comment,
|
||||||
|
.page-edit-comment .wrap-comment,
|
||||||
|
.page-add-reply .wrap-comment,
|
||||||
|
.page-edit-reply .wrap-comment,
|
||||||
|
.page-comments .wrap-reply,
|
||||||
|
.add-comment .wrap-reply,
|
||||||
|
.page-view-comments .wrap-reply,
|
||||||
|
.container-edit-comment .wrap-reply,
|
||||||
|
.container-add-reply .wrap-reply,
|
||||||
|
.view-comment .wrap-reply,
|
||||||
|
.page-edit-comment .wrap-reply,
|
||||||
|
.page-add-reply .wrap-reply,
|
||||||
|
.page-edit-reply .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-textarea,
|
.page-comments .comment-textarea,
|
||||||
|
|
@ -6628,18 +6705,27 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-textarea,
|
.container-edit-comment .comment-textarea,
|
||||||
.container-add-reply .comment-textarea,
|
.container-add-reply .comment-textarea,
|
||||||
.view-comment .comment-textarea,
|
.view-comment .comment-textarea,
|
||||||
|
.page-edit-comment .comment-textarea,
|
||||||
|
.page-add-reply .comment-textarea,
|
||||||
|
.page-edit-reply .comment-textarea,
|
||||||
.page-comments .reply-textarea,
|
.page-comments .reply-textarea,
|
||||||
.add-comment .reply-textarea,
|
.add-comment .reply-textarea,
|
||||||
.page-view-comments .reply-textarea,
|
.page-view-comments .reply-textarea,
|
||||||
.container-edit-comment .reply-textarea,
|
.container-edit-comment .reply-textarea,
|
||||||
.container-add-reply .reply-textarea,
|
.container-add-reply .reply-textarea,
|
||||||
.view-comment .reply-textarea,
|
.view-comment .reply-textarea,
|
||||||
|
.page-edit-comment .reply-textarea,
|
||||||
|
.page-add-reply .reply-textarea,
|
||||||
|
.page-edit-reply .reply-textarea,
|
||||||
.page-comments .edit-reply-textarea,
|
.page-comments .edit-reply-textarea,
|
||||||
.add-comment .edit-reply-textarea,
|
.add-comment .edit-reply-textarea,
|
||||||
.page-view-comments .edit-reply-textarea,
|
.page-view-comments .edit-reply-textarea,
|
||||||
.container-edit-comment .edit-reply-textarea,
|
.container-edit-comment .edit-reply-textarea,
|
||||||
.container-add-reply .edit-reply-textarea,
|
.container-add-reply .edit-reply-textarea,
|
||||||
.view-comment .edit-reply-textarea {
|
.view-comment .edit-reply-textarea,
|
||||||
|
.page-edit-comment .edit-reply-textarea,
|
||||||
|
.page-add-reply .edit-reply-textarea,
|
||||||
|
.page-edit-reply .edit-reply-textarea {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -6689,18 +6775,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-view-comment .view-comment .list-block .item-inner {
|
.container-view-comment .view-comment .list-block .item-inner {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.container-view-comment .page-view-comments .list-block .item-inner .header-comment,
|
|
||||||
.container-view-comment .view-comment .list-block .item-inner .header-comment {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-right: 16px;
|
|
||||||
}
|
|
||||||
.container-view-comment .page-view-comments .list-block .item-inner .header-comment .comment-right,
|
|
||||||
.container-view-comment .view-comment .list-block .item-inner .header-comment .comment-right {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
.container-view-comment .toolbar {
|
.container-view-comment .toolbar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
@ -6804,24 +6878,30 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-add-comment {
|
.page-add-comment {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment {
|
.page-add-comment .wrap-comment,
|
||||||
|
.page-add-comment .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .header-comment {
|
.page-add-comment .wrap-comment .header-comment,
|
||||||
|
.page-add-comment .wrap-reply .header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .user-name {
|
.page-add-comment .wrap-comment .user-name,
|
||||||
|
.page-add-comment .wrap-reply .user-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .comment-date {
|
.page-add-comment .wrap-comment .comment-date,
|
||||||
|
.page-add-comment .wrap-reply .comment-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
@ -6843,6 +6923,30 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: #ff3b30;
|
color: #ff3b30;
|
||||||
}
|
}
|
||||||
|
.page-edit-comment,
|
||||||
|
.page-add-reply,
|
||||||
|
.page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right,
|
||||||
|
.page-add-reply .navbar .right,
|
||||||
|
.page-edit-reply .navbar .right {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right .done-reply,
|
||||||
|
.page-add-reply .navbar .right .done-reply,
|
||||||
|
.page-edit-reply .navbar .right .done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6064,22 +6064,59 @@ html.phone .document-menu .list-block .item-link {
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
.page-comments .list-block ul:before,
|
||||||
|
.page-add-comment .list-block ul:before,
|
||||||
|
.page-view-comments .list-block ul:before,
|
||||||
|
.container-edit-comment .list-block ul:before,
|
||||||
|
.container-add-reply .list-block ul:before,
|
||||||
|
.view-comment .list-block ul:before,
|
||||||
|
.page-edit-comment .list-block ul:before,
|
||||||
|
.page-add-reply .list-block ul:before,
|
||||||
|
.page-edit-reply .list-block ul:before,
|
||||||
|
.page-comments .list-block ul:after,
|
||||||
|
.page-add-comment .list-block ul:after,
|
||||||
|
.page-view-comments .list-block ul:after,
|
||||||
|
.container-edit-comment .list-block ul:after,
|
||||||
|
.container-add-reply .list-block ul:after,
|
||||||
|
.view-comment .list-block ul:after,
|
||||||
|
.page-edit-comment .list-block ul:after,
|
||||||
|
.page-add-reply .list-block ul:after,
|
||||||
|
.page-edit-reply .list-block ul:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
.page-comments .list-block .item-inner,
|
.page-comments .list-block .item-inner,
|
||||||
.page-add-comment .list-block .item-inner,
|
.page-add-comment .list-block .item-inner,
|
||||||
.page-view-comments .list-block .item-inner,
|
.page-view-comments .list-block .item-inner,
|
||||||
.container-edit-comment .list-block .item-inner,
|
.container-edit-comment .list-block .item-inner,
|
||||||
.container-add-reply .list-block .item-inner,
|
.container-add-reply .list-block .item-inner,
|
||||||
.view-comment .list-block .item-inner {
|
.view-comment .list-block .item-inner,
|
||||||
|
.page-edit-comment .list-block .item-inner,
|
||||||
|
.page-add-reply .list-block .item-inner,
|
||||||
|
.page-edit-reply .list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
.page-comments .list-block .item-inner:after,
|
||||||
|
.page-add-comment .list-block .item-inner:after,
|
||||||
|
.page-view-comments .list-block .item-inner:after,
|
||||||
|
.container-edit-comment .list-block .item-inner:after,
|
||||||
|
.container-add-reply .list-block .item-inner:after,
|
||||||
|
.view-comment .list-block .item-inner:after,
|
||||||
|
.page-edit-comment .list-block .item-inner:after,
|
||||||
|
.page-add-reply .list-block .item-inner:after,
|
||||||
|
.page-edit-reply .list-block .item-inner:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
.page-comments p,
|
.page-comments p,
|
||||||
.page-add-comment p,
|
.page-add-comment p,
|
||||||
.page-view-comments p,
|
.page-view-comments p,
|
||||||
.container-edit-comment p,
|
.container-edit-comment p,
|
||||||
.container-add-reply p,
|
.container-add-reply p,
|
||||||
.view-comment p {
|
.view-comment p,
|
||||||
|
.page-edit-comment p,
|
||||||
|
.page-add-reply p,
|
||||||
|
.page-edit-reply p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -6088,7 +6125,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .list-reply,
|
.page-view-comments .list-reply,
|
||||||
.container-edit-comment .list-reply,
|
.container-edit-comment .list-reply,
|
||||||
.container-add-reply .list-reply,
|
.container-add-reply .list-reply,
|
||||||
.view-comment .list-reply {
|
.view-comment .list-reply,
|
||||||
|
.page-edit-comment .list-reply,
|
||||||
|
.page-add-reply .list-reply,
|
||||||
|
.page-edit-reply .list-reply {
|
||||||
padding-left: 26px;
|
padding-left: 26px;
|
||||||
}
|
}
|
||||||
.page-comments .user-name,
|
.page-comments .user-name,
|
||||||
|
|
@ -6096,7 +6136,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .user-name,
|
.page-view-comments .user-name,
|
||||||
.container-edit-comment .user-name,
|
.container-edit-comment .user-name,
|
||||||
.container-add-reply .user-name,
|
.container-add-reply .user-name,
|
||||||
.view-comment .user-name {
|
.view-comment .user-name,
|
||||||
|
.page-edit-comment .user-name,
|
||||||
|
.page-add-reply .user-name,
|
||||||
|
.page-edit-reply .user-name {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6108,12 +6151,18 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-date,
|
.container-edit-comment .comment-date,
|
||||||
.container-add-reply .comment-date,
|
.container-add-reply .comment-date,
|
||||||
.view-comment .comment-date,
|
.view-comment .comment-date,
|
||||||
|
.page-edit-comment .comment-date,
|
||||||
|
.page-add-reply .comment-date,
|
||||||
|
.page-edit-reply .comment-date,
|
||||||
.page-comments .reply-date,
|
.page-comments .reply-date,
|
||||||
.page-add-comment .reply-date,
|
.page-add-comment .reply-date,
|
||||||
.page-view-comments .reply-date,
|
.page-view-comments .reply-date,
|
||||||
.container-edit-comment .reply-date,
|
.container-edit-comment .reply-date,
|
||||||
.container-add-reply .reply-date,
|
.container-add-reply .reply-date,
|
||||||
.view-comment .reply-date {
|
.view-comment .reply-date,
|
||||||
|
.page-edit-comment .reply-date,
|
||||||
|
.page-add-reply .reply-date,
|
||||||
|
.page-edit-reply .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
|
|
@ -6126,12 +6175,18 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-text,
|
.container-edit-comment .comment-text,
|
||||||
.container-add-reply .comment-text,
|
.container-add-reply .comment-text,
|
||||||
.view-comment .comment-text,
|
.view-comment .comment-text,
|
||||||
|
.page-edit-comment .comment-text,
|
||||||
|
.page-add-reply .comment-text,
|
||||||
|
.page-edit-reply .comment-text,
|
||||||
.page-comments .reply-text,
|
.page-comments .reply-text,
|
||||||
.page-add-comment .reply-text,
|
.page-add-comment .reply-text,
|
||||||
.page-view-comments .reply-text,
|
.page-view-comments .reply-text,
|
||||||
.container-edit-comment .reply-text,
|
.container-edit-comment .reply-text,
|
||||||
.container-add-reply .reply-text,
|
.container-add-reply .reply-text,
|
||||||
.view-comment .reply-text {
|
.view-comment .reply-text,
|
||||||
|
.page-edit-comment .reply-text,
|
||||||
|
.page-add-reply .reply-text,
|
||||||
|
.page-edit-reply .reply-text {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6144,7 +6199,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item,
|
.page-view-comments .reply-item,
|
||||||
.container-edit-comment .reply-item,
|
.container-edit-comment .reply-item,
|
||||||
.container-add-reply .reply-item,
|
.container-add-reply .reply-item,
|
||||||
.view-comment .reply-item {
|
.view-comment .reply-item,
|
||||||
|
.page-edit-comment .reply-item,
|
||||||
|
.page-add-reply .reply-item,
|
||||||
|
.page-edit-reply .reply-item {
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
|
|
@ -6153,7 +6211,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item .header-reply,
|
.page-view-comments .reply-item .header-reply,
|
||||||
.container-edit-comment .reply-item .header-reply,
|
.container-edit-comment .reply-item .header-reply,
|
||||||
.container-add-reply .reply-item .header-reply,
|
.container-add-reply .reply-item .header-reply,
|
||||||
.view-comment .reply-item .header-reply {
|
.view-comment .reply-item .header-reply,
|
||||||
|
.page-edit-comment .reply-item .header-reply,
|
||||||
|
.page-add-reply .reply-item .header-reply,
|
||||||
|
.page-edit-reply .reply-item .header-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6162,7 +6223,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item .user-name,
|
.page-view-comments .reply-item .user-name,
|
||||||
.container-edit-comment .reply-item .user-name,
|
.container-edit-comment .reply-item .user-name,
|
||||||
.container-add-reply .reply-item .user-name,
|
.container-add-reply .reply-item .user-name,
|
||||||
.view-comment .reply-item .user-name {
|
.view-comment .reply-item .user-name,
|
||||||
|
.page-edit-comment .reply-item .user-name,
|
||||||
|
.page-add-reply .reply-item .user-name,
|
||||||
|
.page-edit-reply .reply-item .user-name {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-quote,
|
.page-comments .comment-quote,
|
||||||
|
|
@ -6170,7 +6234,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .comment-quote,
|
.page-view-comments .comment-quote,
|
||||||
.container-edit-comment .comment-quote,
|
.container-edit-comment .comment-quote,
|
||||||
.container-add-reply .comment-quote,
|
.container-add-reply .comment-quote,
|
||||||
.view-comment .comment-quote {
|
.view-comment .comment-quote,
|
||||||
|
.page-edit-comment .comment-quote,
|
||||||
|
.page-add-reply .comment-quote,
|
||||||
|
.page-edit-reply .comment-quote {
|
||||||
color: #446995;
|
color: #446995;
|
||||||
border-left: 1px solid #446995;
|
border-left: 1px solid #446995;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -6182,7 +6249,19 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .wrap-comment,
|
.page-view-comments .wrap-comment,
|
||||||
.container-edit-comment .wrap-comment,
|
.container-edit-comment .wrap-comment,
|
||||||
.container-add-reply .wrap-comment,
|
.container-add-reply .wrap-comment,
|
||||||
.view-comment .wrap-comment {
|
.view-comment .wrap-comment,
|
||||||
|
.page-edit-comment .wrap-comment,
|
||||||
|
.page-add-reply .wrap-comment,
|
||||||
|
.page-edit-reply .wrap-comment,
|
||||||
|
.page-comments .wrap-reply,
|
||||||
|
.page-add-comment .wrap-reply,
|
||||||
|
.page-view-comments .wrap-reply,
|
||||||
|
.container-edit-comment .wrap-reply,
|
||||||
|
.container-add-reply .wrap-reply,
|
||||||
|
.view-comment .wrap-reply,
|
||||||
|
.page-edit-comment .wrap-reply,
|
||||||
|
.page-add-reply .wrap-reply,
|
||||||
|
.page-edit-reply .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-textarea,
|
.page-comments .comment-textarea,
|
||||||
|
|
@ -6191,18 +6270,27 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-textarea,
|
.container-edit-comment .comment-textarea,
|
||||||
.container-add-reply .comment-textarea,
|
.container-add-reply .comment-textarea,
|
||||||
.view-comment .comment-textarea,
|
.view-comment .comment-textarea,
|
||||||
|
.page-edit-comment .comment-textarea,
|
||||||
|
.page-add-reply .comment-textarea,
|
||||||
|
.page-edit-reply .comment-textarea,
|
||||||
.page-comments .reply-textarea,
|
.page-comments .reply-textarea,
|
||||||
.page-add-comment .reply-textarea,
|
.page-add-comment .reply-textarea,
|
||||||
.page-view-comments .reply-textarea,
|
.page-view-comments .reply-textarea,
|
||||||
.container-edit-comment .reply-textarea,
|
.container-edit-comment .reply-textarea,
|
||||||
.container-add-reply .reply-textarea,
|
.container-add-reply .reply-textarea,
|
||||||
.view-comment .reply-textarea,
|
.view-comment .reply-textarea,
|
||||||
|
.page-edit-comment .reply-textarea,
|
||||||
|
.page-add-reply .reply-textarea,
|
||||||
|
.page-edit-reply .reply-textarea,
|
||||||
.page-comments .edit-reply-textarea,
|
.page-comments .edit-reply-textarea,
|
||||||
.page-add-comment .edit-reply-textarea,
|
.page-add-comment .edit-reply-textarea,
|
||||||
.page-view-comments .edit-reply-textarea,
|
.page-view-comments .edit-reply-textarea,
|
||||||
.container-edit-comment .edit-reply-textarea,
|
.container-edit-comment .edit-reply-textarea,
|
||||||
.container-add-reply .edit-reply-textarea,
|
.container-add-reply .edit-reply-textarea,
|
||||||
.view-comment .edit-reply-textarea {
|
.view-comment .edit-reply-textarea,
|
||||||
|
.page-edit-comment .edit-reply-textarea,
|
||||||
|
.page-add-reply .edit-reply-textarea,
|
||||||
|
.page-edit-reply .edit-reply-textarea {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -6217,7 +6305,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment,
|
.page-view-comments .header-comment,
|
||||||
.container-edit-comment .header-comment,
|
.container-edit-comment .header-comment,
|
||||||
.container-add-reply .header-comment,
|
.container-add-reply .header-comment,
|
||||||
.view-comment .header-comment {
|
.view-comment .header-comment,
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
|
|
@ -6227,7 +6318,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .comment-right,
|
.page-view-comments .header-comment .comment-right,
|
||||||
.container-edit-comment .header-comment .comment-right,
|
.container-edit-comment .header-comment .comment-right,
|
||||||
.container-add-reply .header-comment .comment-right,
|
.container-add-reply .header-comment .comment-right,
|
||||||
.view-comment .header-comment .comment-right {
|
.view-comment .header-comment .comment-right,
|
||||||
|
.page-edit-comment .header-comment .comment-right,
|
||||||
|
.page-add-reply .header-comment .comment-right,
|
||||||
|
.page-edit-reply .header-comment .comment-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
|
@ -6237,7 +6331,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .comment-left,
|
.page-view-comments .header-comment .comment-left,
|
||||||
.container-edit-comment .header-comment .comment-left,
|
.container-edit-comment .header-comment .comment-left,
|
||||||
.container-add-reply .header-comment .comment-left,
|
.container-add-reply .header-comment .comment-left,
|
||||||
.view-comment .header-comment .comment-left {
|
.view-comment .header-comment .comment-left,
|
||||||
|
.page-edit-comment .header-comment .comment-left,
|
||||||
|
.page-add-reply .header-comment .comment-left,
|
||||||
|
.page-edit-reply .header-comment .comment-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6246,7 +6343,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .initials-comment,
|
.page-view-comments .header-comment .initials-comment,
|
||||||
.container-edit-comment .header-comment .initials-comment,
|
.container-edit-comment .header-comment .initials-comment,
|
||||||
.container-add-reply .header-comment .initials-comment,
|
.container-add-reply .header-comment .initials-comment,
|
||||||
.view-comment .header-comment .initials-comment {
|
.view-comment .header-comment .initials-comment,
|
||||||
|
.page-edit-comment .header-comment .initials-comment,
|
||||||
|
.page-add-reply .header-comment .initials-comment,
|
||||||
|
.page-edit-reply .header-comment .initials-comment {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
|
|
@ -6262,7 +6362,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-reply .reply-left,
|
.page-view-comments .header-reply .reply-left,
|
||||||
.container-edit-comment .header-reply .reply-left,
|
.container-edit-comment .header-reply .reply-left,
|
||||||
.container-add-reply .header-reply .reply-left,
|
.container-add-reply .header-reply .reply-left,
|
||||||
.view-comment .header-reply .reply-left {
|
.view-comment .header-reply .reply-left,
|
||||||
|
.page-edit-comment .header-reply .reply-left,
|
||||||
|
.page-add-reply .header-reply .reply-left,
|
||||||
|
.page-edit-reply .header-reply .reply-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
@ -6272,7 +6375,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-reply .initials-reply,
|
.page-view-comments .header-reply .initials-reply,
|
||||||
.container-edit-comment .header-reply .initials-reply,
|
.container-edit-comment .header-reply .initials-reply,
|
||||||
.container-add-reply .header-reply .initials-reply,
|
.container-add-reply .header-reply .initials-reply,
|
||||||
.view-comment .header-reply .initials-reply {
|
.view-comment .header-reply .initials-reply,
|
||||||
|
.page-edit-comment .header-reply .initials-reply,
|
||||||
|
.page-add-reply .header-reply .initials-reply,
|
||||||
|
.page-edit-reply .header-reply .initials-reply {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|
@ -6426,42 +6532,46 @@ html.phone .document-menu .list-block .item-link {
|
||||||
#done-comment {
|
#done-comment {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment {
|
.page-add-comment .wrap-comment,
|
||||||
|
.page-add-comment .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .header-comment {
|
.page-add-comment .wrap-comment .header-comment,
|
||||||
|
.page-add-comment .wrap-reply .header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .user-name {
|
.page-add-comment .wrap-comment .user-name,
|
||||||
|
.page-add-comment .wrap-reply .user-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .comment-date {
|
.page-add-comment .wrap-comment .comment-date,
|
||||||
|
.page-add-comment .wrap-reply .comment-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea {
|
||||||
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.container-edit-comment,
|
.container-edit-comment,
|
||||||
.container-add-reply,
|
.container-add-reply {
|
||||||
container-edit-comment {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar,
|
.container-edit-comment .navbar,
|
||||||
.container-add-reply .navbar,
|
.container-add-reply .navbar {
|
||||||
container-edit-comment .navbar {
|
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar:after,
|
.container-edit-comment .navbar:after,
|
||||||
.container-add-reply .navbar:after,
|
.container-add-reply .navbar:after {
|
||||||
container-edit-comment .navbar:after {
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -6477,38 +6587,56 @@ container-edit-comment .navbar:after {
|
||||||
transform-origin: 50% 100%;
|
transform-origin: 50% 100%;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .navbar-inner,
|
.container-edit-comment .navbar .navbar-inner,
|
||||||
.container-add-reply .navbar .navbar-inner,
|
.container-add-reply .navbar .navbar-inner {
|
||||||
container-edit-comment .navbar .navbar-inner {
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar a.link i + span,
|
.container-edit-comment .navbar a.link i + span,
|
||||||
.container-add-reply .navbar a.link i + span,
|
.container-add-reply .navbar a.link i + span {
|
||||||
container-edit-comment .navbar a.link i + span {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .center,
|
.container-edit-comment .navbar .center,
|
||||||
.container-add-reply .navbar .center,
|
.container-add-reply .navbar .center {
|
||||||
container-edit-comment .navbar .center {
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .right,
|
.container-edit-comment .navbar .right,
|
||||||
.container-add-reply .navbar .right,
|
.container-add-reply .navbar .right {
|
||||||
container-edit-comment .navbar .right {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.container-edit-comment .page-add-comment,
|
.container-edit-comment .page-add-comment,
|
||||||
.container-add-reply .page-add-comment,
|
.container-add-reply .page-add-comment {
|
||||||
container-edit-comment .page-add-comment {
|
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.container-edit-comment .header-comment,
|
.container-edit-comment .header-comment,
|
||||||
.container-add-reply .header-comment,
|
.container-add-reply .header-comment {
|
||||||
container-edit-comment .header-comment {
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
}
|
}
|
||||||
|
.page-edit-comment,
|
||||||
|
.page-add-reply,
|
||||||
|
.page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right,
|
||||||
|
.page-add-reply .navbar .right,
|
||||||
|
.page-edit-reply .navbar .right {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right .done-reply,
|
||||||
|
.page-add-reply .navbar .right .done-reply,
|
||||||
|
.page-edit-reply .navbar .right .done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.tablet .searchbar.document.replace .center > .replace {
|
.tablet .searchbar.document.replace .center > .replace {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6479,12 +6479,41 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
.page-comments .header-comment,
|
||||||
|
.add-comment .header-comment,
|
||||||
|
.page-view-comments .header-comment,
|
||||||
|
.container-edit-comment .header-comment,
|
||||||
|
.container-add-reply .header-comment,
|
||||||
|
.view-comment .header-comment,
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-right: 16px;
|
||||||
|
}
|
||||||
|
.page-comments .header-comment .comment-right,
|
||||||
|
.add-comment .header-comment .comment-right,
|
||||||
|
.page-view-comments .header-comment .comment-right,
|
||||||
|
.container-edit-comment .header-comment .comment-right,
|
||||||
|
.container-add-reply .header-comment .comment-right,
|
||||||
|
.view-comment .header-comment .comment-right,
|
||||||
|
.page-edit-comment .header-comment .comment-right,
|
||||||
|
.page-add-reply .header-comment .comment-right,
|
||||||
|
.page-edit-reply .header-comment .comment-right {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 70px;
|
||||||
|
}
|
||||||
.page-comments .list-block .item-inner,
|
.page-comments .list-block .item-inner,
|
||||||
.add-comment .list-block .item-inner,
|
.add-comment .list-block .item-inner,
|
||||||
.page-view-comments .list-block .item-inner,
|
.page-view-comments .list-block .item-inner,
|
||||||
.container-edit-comment .list-block .item-inner,
|
.container-edit-comment .list-block .item-inner,
|
||||||
.container-add-reply .list-block .item-inner,
|
.container-add-reply .list-block .item-inner,
|
||||||
.view-comment .list-block .item-inner {
|
.view-comment .list-block .item-inner,
|
||||||
|
.page-edit-comment .list-block .item-inner,
|
||||||
|
.page-add-reply .list-block .item-inner,
|
||||||
|
.page-edit-reply .list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
@ -6494,7 +6523,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments p,
|
.page-view-comments p,
|
||||||
.container-edit-comment p,
|
.container-edit-comment p,
|
||||||
.container-add-reply p,
|
.container-add-reply p,
|
||||||
.view-comment p {
|
.view-comment p,
|
||||||
|
.page-edit-comment p,
|
||||||
|
.page-add-reply p,
|
||||||
|
.page-edit-reply p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -6503,7 +6535,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .list-reply,
|
.page-view-comments .list-reply,
|
||||||
.container-edit-comment .list-reply,
|
.container-edit-comment .list-reply,
|
||||||
.container-add-reply .list-reply,
|
.container-add-reply .list-reply,
|
||||||
.view-comment .list-reply {
|
.view-comment .list-reply,
|
||||||
|
.page-edit-comment .list-reply,
|
||||||
|
.page-add-reply .list-reply,
|
||||||
|
.page-edit-reply .list-reply {
|
||||||
padding-left: 26px;
|
padding-left: 26px;
|
||||||
}
|
}
|
||||||
.page-comments .user-name,
|
.page-comments .user-name,
|
||||||
|
|
@ -6511,7 +6546,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .user-name,
|
.page-view-comments .user-name,
|
||||||
.container-edit-comment .user-name,
|
.container-edit-comment .user-name,
|
||||||
.container-add-reply .user-name,
|
.container-add-reply .user-name,
|
||||||
.view-comment .user-name {
|
.view-comment .user-name,
|
||||||
|
.page-edit-comment .user-name,
|
||||||
|
.page-add-reply .user-name,
|
||||||
|
.page-edit-reply .user-name {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6524,12 +6562,18 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-date,
|
.container-edit-comment .comment-date,
|
||||||
.container-add-reply .comment-date,
|
.container-add-reply .comment-date,
|
||||||
.view-comment .comment-date,
|
.view-comment .comment-date,
|
||||||
|
.page-edit-comment .comment-date,
|
||||||
|
.page-add-reply .comment-date,
|
||||||
|
.page-edit-reply .comment-date,
|
||||||
.page-comments .reply-date,
|
.page-comments .reply-date,
|
||||||
.add-comment .reply-date,
|
.add-comment .reply-date,
|
||||||
.page-view-comments .reply-date,
|
.page-view-comments .reply-date,
|
||||||
.container-edit-comment .reply-date,
|
.container-edit-comment .reply-date,
|
||||||
.container-add-reply .reply-date,
|
.container-add-reply .reply-date,
|
||||||
.view-comment .reply-date {
|
.view-comment .reply-date,
|
||||||
|
.page-edit-comment .reply-date,
|
||||||
|
.page-add-reply .reply-date,
|
||||||
|
.page-edit-reply .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
|
|
@ -6542,12 +6586,18 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-text,
|
.container-edit-comment .comment-text,
|
||||||
.container-add-reply .comment-text,
|
.container-add-reply .comment-text,
|
||||||
.view-comment .comment-text,
|
.view-comment .comment-text,
|
||||||
|
.page-edit-comment .comment-text,
|
||||||
|
.page-add-reply .comment-text,
|
||||||
|
.page-edit-reply .comment-text,
|
||||||
.page-comments .reply-text,
|
.page-comments .reply-text,
|
||||||
.add-comment .reply-text,
|
.add-comment .reply-text,
|
||||||
.page-view-comments .reply-text,
|
.page-view-comments .reply-text,
|
||||||
.container-edit-comment .reply-text,
|
.container-edit-comment .reply-text,
|
||||||
.container-add-reply .reply-text,
|
.container-add-reply .reply-text,
|
||||||
.view-comment .reply-text {
|
.view-comment .reply-text,
|
||||||
|
.page-edit-comment .reply-text,
|
||||||
|
.page-add-reply .reply-text,
|
||||||
|
.page-edit-reply .reply-text {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6560,7 +6610,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item,
|
.page-view-comments .reply-item,
|
||||||
.container-edit-comment .reply-item,
|
.container-edit-comment .reply-item,
|
||||||
.container-add-reply .reply-item,
|
.container-add-reply .reply-item,
|
||||||
.view-comment .reply-item {
|
.view-comment .reply-item,
|
||||||
|
.page-edit-comment .reply-item,
|
||||||
|
.page-add-reply .reply-item,
|
||||||
|
.page-edit-reply .reply-item {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
|
|
@ -6570,7 +6623,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item .header-reply,
|
.page-view-comments .reply-item .header-reply,
|
||||||
.container-edit-comment .reply-item .header-reply,
|
.container-edit-comment .reply-item .header-reply,
|
||||||
.container-add-reply .reply-item .header-reply,
|
.container-add-reply .reply-item .header-reply,
|
||||||
.view-comment .reply-item .header-reply {
|
.view-comment .reply-item .header-reply,
|
||||||
|
.page-edit-comment .reply-item .header-reply,
|
||||||
|
.page-add-reply .reply-item .header-reply,
|
||||||
|
.page-edit-reply .reply-item .header-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6579,7 +6635,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item .user-name,
|
.page-view-comments .reply-item .user-name,
|
||||||
.container-edit-comment .reply-item .user-name,
|
.container-edit-comment .reply-item .user-name,
|
||||||
.container-add-reply .reply-item .user-name,
|
.container-add-reply .reply-item .user-name,
|
||||||
.view-comment .reply-item .user-name {
|
.view-comment .reply-item .user-name,
|
||||||
|
.page-edit-comment .reply-item .user-name,
|
||||||
|
.page-add-reply .reply-item .user-name,
|
||||||
|
.page-edit-reply .reply-item .user-name {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
.page-comments .reply-item:before,
|
.page-comments .reply-item:before,
|
||||||
|
|
@ -6587,7 +6646,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item:before,
|
.page-view-comments .reply-item:before,
|
||||||
.container-edit-comment .reply-item:before,
|
.container-edit-comment .reply-item:before,
|
||||||
.container-add-reply .reply-item:before,
|
.container-add-reply .reply-item:before,
|
||||||
.view-comment .reply-item:before {
|
.view-comment .reply-item:before,
|
||||||
|
.page-edit-comment .reply-item:before,
|
||||||
|
.page-add-reply .reply-item:before,
|
||||||
|
.page-edit-reply .reply-item:before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: auto;
|
left: auto;
|
||||||
|
|
@ -6607,7 +6669,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .comment-quote,
|
.page-view-comments .comment-quote,
|
||||||
.container-edit-comment .comment-quote,
|
.container-edit-comment .comment-quote,
|
||||||
.container-add-reply .comment-quote,
|
.container-add-reply .comment-quote,
|
||||||
.view-comment .comment-quote {
|
.view-comment .comment-quote,
|
||||||
|
.page-edit-comment .comment-quote,
|
||||||
|
.page-add-reply .comment-quote,
|
||||||
|
.page-edit-reply .comment-quote {
|
||||||
color: #aa5252;
|
color: #aa5252;
|
||||||
border-left: 1px solid #aa5252;
|
border-left: 1px solid #aa5252;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -6619,7 +6684,19 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .wrap-comment,
|
.page-view-comments .wrap-comment,
|
||||||
.container-edit-comment .wrap-comment,
|
.container-edit-comment .wrap-comment,
|
||||||
.container-add-reply .wrap-comment,
|
.container-add-reply .wrap-comment,
|
||||||
.view-comment .wrap-comment {
|
.view-comment .wrap-comment,
|
||||||
|
.page-edit-comment .wrap-comment,
|
||||||
|
.page-add-reply .wrap-comment,
|
||||||
|
.page-edit-reply .wrap-comment,
|
||||||
|
.page-comments .wrap-reply,
|
||||||
|
.add-comment .wrap-reply,
|
||||||
|
.page-view-comments .wrap-reply,
|
||||||
|
.container-edit-comment .wrap-reply,
|
||||||
|
.container-add-reply .wrap-reply,
|
||||||
|
.view-comment .wrap-reply,
|
||||||
|
.page-edit-comment .wrap-reply,
|
||||||
|
.page-add-reply .wrap-reply,
|
||||||
|
.page-edit-reply .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-textarea,
|
.page-comments .comment-textarea,
|
||||||
|
|
@ -6628,18 +6705,27 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-textarea,
|
.container-edit-comment .comment-textarea,
|
||||||
.container-add-reply .comment-textarea,
|
.container-add-reply .comment-textarea,
|
||||||
.view-comment .comment-textarea,
|
.view-comment .comment-textarea,
|
||||||
|
.page-edit-comment .comment-textarea,
|
||||||
|
.page-add-reply .comment-textarea,
|
||||||
|
.page-edit-reply .comment-textarea,
|
||||||
.page-comments .reply-textarea,
|
.page-comments .reply-textarea,
|
||||||
.add-comment .reply-textarea,
|
.add-comment .reply-textarea,
|
||||||
.page-view-comments .reply-textarea,
|
.page-view-comments .reply-textarea,
|
||||||
.container-edit-comment .reply-textarea,
|
.container-edit-comment .reply-textarea,
|
||||||
.container-add-reply .reply-textarea,
|
.container-add-reply .reply-textarea,
|
||||||
.view-comment .reply-textarea,
|
.view-comment .reply-textarea,
|
||||||
|
.page-edit-comment .reply-textarea,
|
||||||
|
.page-add-reply .reply-textarea,
|
||||||
|
.page-edit-reply .reply-textarea,
|
||||||
.page-comments .edit-reply-textarea,
|
.page-comments .edit-reply-textarea,
|
||||||
.add-comment .edit-reply-textarea,
|
.add-comment .edit-reply-textarea,
|
||||||
.page-view-comments .edit-reply-textarea,
|
.page-view-comments .edit-reply-textarea,
|
||||||
.container-edit-comment .edit-reply-textarea,
|
.container-edit-comment .edit-reply-textarea,
|
||||||
.container-add-reply .edit-reply-textarea,
|
.container-add-reply .edit-reply-textarea,
|
||||||
.view-comment .edit-reply-textarea {
|
.view-comment .edit-reply-textarea,
|
||||||
|
.page-edit-comment .edit-reply-textarea,
|
||||||
|
.page-add-reply .edit-reply-textarea,
|
||||||
|
.page-edit-reply .edit-reply-textarea {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -6689,18 +6775,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-view-comment .view-comment .list-block .item-inner {
|
.container-view-comment .view-comment .list-block .item-inner {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.container-view-comment .page-view-comments .list-block .item-inner .header-comment,
|
|
||||||
.container-view-comment .view-comment .list-block .item-inner .header-comment {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-right: 16px;
|
|
||||||
}
|
|
||||||
.container-view-comment .page-view-comments .list-block .item-inner .header-comment .comment-right,
|
|
||||||
.container-view-comment .view-comment .list-block .item-inner .header-comment .comment-right {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
.container-view-comment .toolbar {
|
.container-view-comment .toolbar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
@ -6804,24 +6878,30 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-add-comment {
|
.page-add-comment {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment {
|
.page-add-comment .wrap-comment,
|
||||||
|
.page-add-comment .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .header-comment {
|
.page-add-comment .wrap-comment .header-comment,
|
||||||
|
.page-add-comment .wrap-reply .header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .user-name {
|
.page-add-comment .wrap-comment .user-name,
|
||||||
|
.page-add-comment .wrap-reply .user-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .comment-date {
|
.page-add-comment .wrap-comment .comment-date,
|
||||||
|
.page-add-comment .wrap-reply .comment-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
@ -6843,6 +6923,30 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: #ff3b30;
|
color: #ff3b30;
|
||||||
}
|
}
|
||||||
|
.page-edit-comment,
|
||||||
|
.page-add-reply,
|
||||||
|
.page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right,
|
||||||
|
.page-add-reply .navbar .right,
|
||||||
|
.page-edit-reply .navbar .right {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right .done-reply,
|
||||||
|
.page-add-reply .navbar .right .done-reply,
|
||||||
|
.page-edit-reply .navbar .right .done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
.tablet .searchbar.document.replace .center .searchbar:first-child {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6064,22 +6064,59 @@ html.phone .document-menu .list-block .item-link {
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
.page-comments .list-block ul:before,
|
||||||
|
.page-add-comment .list-block ul:before,
|
||||||
|
.page-view-comments .list-block ul:before,
|
||||||
|
.container-edit-comment .list-block ul:before,
|
||||||
|
.container-add-reply .list-block ul:before,
|
||||||
|
.view-comment .list-block ul:before,
|
||||||
|
.page-edit-comment .list-block ul:before,
|
||||||
|
.page-add-reply .list-block ul:before,
|
||||||
|
.page-edit-reply .list-block ul:before,
|
||||||
|
.page-comments .list-block ul:after,
|
||||||
|
.page-add-comment .list-block ul:after,
|
||||||
|
.page-view-comments .list-block ul:after,
|
||||||
|
.container-edit-comment .list-block ul:after,
|
||||||
|
.container-add-reply .list-block ul:after,
|
||||||
|
.view-comment .list-block ul:after,
|
||||||
|
.page-edit-comment .list-block ul:after,
|
||||||
|
.page-add-reply .list-block ul:after,
|
||||||
|
.page-edit-reply .list-block ul:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
.page-comments .list-block .item-inner,
|
.page-comments .list-block .item-inner,
|
||||||
.page-add-comment .list-block .item-inner,
|
.page-add-comment .list-block .item-inner,
|
||||||
.page-view-comments .list-block .item-inner,
|
.page-view-comments .list-block .item-inner,
|
||||||
.container-edit-comment .list-block .item-inner,
|
.container-edit-comment .list-block .item-inner,
|
||||||
.container-add-reply .list-block .item-inner,
|
.container-add-reply .list-block .item-inner,
|
||||||
.view-comment .list-block .item-inner {
|
.view-comment .list-block .item-inner,
|
||||||
|
.page-edit-comment .list-block .item-inner,
|
||||||
|
.page-add-reply .list-block .item-inner,
|
||||||
|
.page-edit-reply .list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
.page-comments .list-block .item-inner:after,
|
||||||
|
.page-add-comment .list-block .item-inner:after,
|
||||||
|
.page-view-comments .list-block .item-inner:after,
|
||||||
|
.container-edit-comment .list-block .item-inner:after,
|
||||||
|
.container-add-reply .list-block .item-inner:after,
|
||||||
|
.view-comment .list-block .item-inner:after,
|
||||||
|
.page-edit-comment .list-block .item-inner:after,
|
||||||
|
.page-add-reply .list-block .item-inner:after,
|
||||||
|
.page-edit-reply .list-block .item-inner:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
.page-comments p,
|
.page-comments p,
|
||||||
.page-add-comment p,
|
.page-add-comment p,
|
||||||
.page-view-comments p,
|
.page-view-comments p,
|
||||||
.container-edit-comment p,
|
.container-edit-comment p,
|
||||||
.container-add-reply p,
|
.container-add-reply p,
|
||||||
.view-comment p {
|
.view-comment p,
|
||||||
|
.page-edit-comment p,
|
||||||
|
.page-add-reply p,
|
||||||
|
.page-edit-reply p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -6088,7 +6125,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .list-reply,
|
.page-view-comments .list-reply,
|
||||||
.container-edit-comment .list-reply,
|
.container-edit-comment .list-reply,
|
||||||
.container-add-reply .list-reply,
|
.container-add-reply .list-reply,
|
||||||
.view-comment .list-reply {
|
.view-comment .list-reply,
|
||||||
|
.page-edit-comment .list-reply,
|
||||||
|
.page-add-reply .list-reply,
|
||||||
|
.page-edit-reply .list-reply {
|
||||||
padding-left: 26px;
|
padding-left: 26px;
|
||||||
}
|
}
|
||||||
.page-comments .user-name,
|
.page-comments .user-name,
|
||||||
|
|
@ -6096,7 +6136,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .user-name,
|
.page-view-comments .user-name,
|
||||||
.container-edit-comment .user-name,
|
.container-edit-comment .user-name,
|
||||||
.container-add-reply .user-name,
|
.container-add-reply .user-name,
|
||||||
.view-comment .user-name {
|
.view-comment .user-name,
|
||||||
|
.page-edit-comment .user-name,
|
||||||
|
.page-add-reply .user-name,
|
||||||
|
.page-edit-reply .user-name {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6108,12 +6151,18 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-date,
|
.container-edit-comment .comment-date,
|
||||||
.container-add-reply .comment-date,
|
.container-add-reply .comment-date,
|
||||||
.view-comment .comment-date,
|
.view-comment .comment-date,
|
||||||
|
.page-edit-comment .comment-date,
|
||||||
|
.page-add-reply .comment-date,
|
||||||
|
.page-edit-reply .comment-date,
|
||||||
.page-comments .reply-date,
|
.page-comments .reply-date,
|
||||||
.page-add-comment .reply-date,
|
.page-add-comment .reply-date,
|
||||||
.page-view-comments .reply-date,
|
.page-view-comments .reply-date,
|
||||||
.container-edit-comment .reply-date,
|
.container-edit-comment .reply-date,
|
||||||
.container-add-reply .reply-date,
|
.container-add-reply .reply-date,
|
||||||
.view-comment .reply-date {
|
.view-comment .reply-date,
|
||||||
|
.page-edit-comment .reply-date,
|
||||||
|
.page-add-reply .reply-date,
|
||||||
|
.page-edit-reply .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
|
|
@ -6126,12 +6175,18 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-text,
|
.container-edit-comment .comment-text,
|
||||||
.container-add-reply .comment-text,
|
.container-add-reply .comment-text,
|
||||||
.view-comment .comment-text,
|
.view-comment .comment-text,
|
||||||
|
.page-edit-comment .comment-text,
|
||||||
|
.page-add-reply .comment-text,
|
||||||
|
.page-edit-reply .comment-text,
|
||||||
.page-comments .reply-text,
|
.page-comments .reply-text,
|
||||||
.page-add-comment .reply-text,
|
.page-add-comment .reply-text,
|
||||||
.page-view-comments .reply-text,
|
.page-view-comments .reply-text,
|
||||||
.container-edit-comment .reply-text,
|
.container-edit-comment .reply-text,
|
||||||
.container-add-reply .reply-text,
|
.container-add-reply .reply-text,
|
||||||
.view-comment .reply-text {
|
.view-comment .reply-text,
|
||||||
|
.page-edit-comment .reply-text,
|
||||||
|
.page-add-reply .reply-text,
|
||||||
|
.page-edit-reply .reply-text {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6144,7 +6199,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item,
|
.page-view-comments .reply-item,
|
||||||
.container-edit-comment .reply-item,
|
.container-edit-comment .reply-item,
|
||||||
.container-add-reply .reply-item,
|
.container-add-reply .reply-item,
|
||||||
.view-comment .reply-item {
|
.view-comment .reply-item,
|
||||||
|
.page-edit-comment .reply-item,
|
||||||
|
.page-add-reply .reply-item,
|
||||||
|
.page-edit-reply .reply-item {
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
|
|
@ -6153,7 +6211,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item .header-reply,
|
.page-view-comments .reply-item .header-reply,
|
||||||
.container-edit-comment .reply-item .header-reply,
|
.container-edit-comment .reply-item .header-reply,
|
||||||
.container-add-reply .reply-item .header-reply,
|
.container-add-reply .reply-item .header-reply,
|
||||||
.view-comment .reply-item .header-reply {
|
.view-comment .reply-item .header-reply,
|
||||||
|
.page-edit-comment .reply-item .header-reply,
|
||||||
|
.page-add-reply .reply-item .header-reply,
|
||||||
|
.page-edit-reply .reply-item .header-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6162,7 +6223,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item .user-name,
|
.page-view-comments .reply-item .user-name,
|
||||||
.container-edit-comment .reply-item .user-name,
|
.container-edit-comment .reply-item .user-name,
|
||||||
.container-add-reply .reply-item .user-name,
|
.container-add-reply .reply-item .user-name,
|
||||||
.view-comment .reply-item .user-name {
|
.view-comment .reply-item .user-name,
|
||||||
|
.page-edit-comment .reply-item .user-name,
|
||||||
|
.page-add-reply .reply-item .user-name,
|
||||||
|
.page-edit-reply .reply-item .user-name {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-quote,
|
.page-comments .comment-quote,
|
||||||
|
|
@ -6170,7 +6234,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .comment-quote,
|
.page-view-comments .comment-quote,
|
||||||
.container-edit-comment .comment-quote,
|
.container-edit-comment .comment-quote,
|
||||||
.container-add-reply .comment-quote,
|
.container-add-reply .comment-quote,
|
||||||
.view-comment .comment-quote {
|
.view-comment .comment-quote,
|
||||||
|
.page-edit-comment .comment-quote,
|
||||||
|
.page-add-reply .comment-quote,
|
||||||
|
.page-edit-reply .comment-quote {
|
||||||
color: #aa5252;
|
color: #aa5252;
|
||||||
border-left: 1px solid #aa5252;
|
border-left: 1px solid #aa5252;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -6182,7 +6249,19 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .wrap-comment,
|
.page-view-comments .wrap-comment,
|
||||||
.container-edit-comment .wrap-comment,
|
.container-edit-comment .wrap-comment,
|
||||||
.container-add-reply .wrap-comment,
|
.container-add-reply .wrap-comment,
|
||||||
.view-comment .wrap-comment {
|
.view-comment .wrap-comment,
|
||||||
|
.page-edit-comment .wrap-comment,
|
||||||
|
.page-add-reply .wrap-comment,
|
||||||
|
.page-edit-reply .wrap-comment,
|
||||||
|
.page-comments .wrap-reply,
|
||||||
|
.page-add-comment .wrap-reply,
|
||||||
|
.page-view-comments .wrap-reply,
|
||||||
|
.container-edit-comment .wrap-reply,
|
||||||
|
.container-add-reply .wrap-reply,
|
||||||
|
.view-comment .wrap-reply,
|
||||||
|
.page-edit-comment .wrap-reply,
|
||||||
|
.page-add-reply .wrap-reply,
|
||||||
|
.page-edit-reply .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-textarea,
|
.page-comments .comment-textarea,
|
||||||
|
|
@ -6191,18 +6270,27 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-textarea,
|
.container-edit-comment .comment-textarea,
|
||||||
.container-add-reply .comment-textarea,
|
.container-add-reply .comment-textarea,
|
||||||
.view-comment .comment-textarea,
|
.view-comment .comment-textarea,
|
||||||
|
.page-edit-comment .comment-textarea,
|
||||||
|
.page-add-reply .comment-textarea,
|
||||||
|
.page-edit-reply .comment-textarea,
|
||||||
.page-comments .reply-textarea,
|
.page-comments .reply-textarea,
|
||||||
.page-add-comment .reply-textarea,
|
.page-add-comment .reply-textarea,
|
||||||
.page-view-comments .reply-textarea,
|
.page-view-comments .reply-textarea,
|
||||||
.container-edit-comment .reply-textarea,
|
.container-edit-comment .reply-textarea,
|
||||||
.container-add-reply .reply-textarea,
|
.container-add-reply .reply-textarea,
|
||||||
.view-comment .reply-textarea,
|
.view-comment .reply-textarea,
|
||||||
|
.page-edit-comment .reply-textarea,
|
||||||
|
.page-add-reply .reply-textarea,
|
||||||
|
.page-edit-reply .reply-textarea,
|
||||||
.page-comments .edit-reply-textarea,
|
.page-comments .edit-reply-textarea,
|
||||||
.page-add-comment .edit-reply-textarea,
|
.page-add-comment .edit-reply-textarea,
|
||||||
.page-view-comments .edit-reply-textarea,
|
.page-view-comments .edit-reply-textarea,
|
||||||
.container-edit-comment .edit-reply-textarea,
|
.container-edit-comment .edit-reply-textarea,
|
||||||
.container-add-reply .edit-reply-textarea,
|
.container-add-reply .edit-reply-textarea,
|
||||||
.view-comment .edit-reply-textarea {
|
.view-comment .edit-reply-textarea,
|
||||||
|
.page-edit-comment .edit-reply-textarea,
|
||||||
|
.page-add-reply .edit-reply-textarea,
|
||||||
|
.page-edit-reply .edit-reply-textarea {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -6217,7 +6305,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment,
|
.page-view-comments .header-comment,
|
||||||
.container-edit-comment .header-comment,
|
.container-edit-comment .header-comment,
|
||||||
.container-add-reply .header-comment,
|
.container-add-reply .header-comment,
|
||||||
.view-comment .header-comment {
|
.view-comment .header-comment,
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
|
|
@ -6227,7 +6318,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .comment-right,
|
.page-view-comments .header-comment .comment-right,
|
||||||
.container-edit-comment .header-comment .comment-right,
|
.container-edit-comment .header-comment .comment-right,
|
||||||
.container-add-reply .header-comment .comment-right,
|
.container-add-reply .header-comment .comment-right,
|
||||||
.view-comment .header-comment .comment-right {
|
.view-comment .header-comment .comment-right,
|
||||||
|
.page-edit-comment .header-comment .comment-right,
|
||||||
|
.page-add-reply .header-comment .comment-right,
|
||||||
|
.page-edit-reply .header-comment .comment-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
|
@ -6237,7 +6331,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .comment-left,
|
.page-view-comments .header-comment .comment-left,
|
||||||
.container-edit-comment .header-comment .comment-left,
|
.container-edit-comment .header-comment .comment-left,
|
||||||
.container-add-reply .header-comment .comment-left,
|
.container-add-reply .header-comment .comment-left,
|
||||||
.view-comment .header-comment .comment-left {
|
.view-comment .header-comment .comment-left,
|
||||||
|
.page-edit-comment .header-comment .comment-left,
|
||||||
|
.page-add-reply .header-comment .comment-left,
|
||||||
|
.page-edit-reply .header-comment .comment-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6246,7 +6343,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .initials-comment,
|
.page-view-comments .header-comment .initials-comment,
|
||||||
.container-edit-comment .header-comment .initials-comment,
|
.container-edit-comment .header-comment .initials-comment,
|
||||||
.container-add-reply .header-comment .initials-comment,
|
.container-add-reply .header-comment .initials-comment,
|
||||||
.view-comment .header-comment .initials-comment {
|
.view-comment .header-comment .initials-comment,
|
||||||
|
.page-edit-comment .header-comment .initials-comment,
|
||||||
|
.page-add-reply .header-comment .initials-comment,
|
||||||
|
.page-edit-reply .header-comment .initials-comment {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
|
|
@ -6262,7 +6362,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-reply .reply-left,
|
.page-view-comments .header-reply .reply-left,
|
||||||
.container-edit-comment .header-reply .reply-left,
|
.container-edit-comment .header-reply .reply-left,
|
||||||
.container-add-reply .header-reply .reply-left,
|
.container-add-reply .header-reply .reply-left,
|
||||||
.view-comment .header-reply .reply-left {
|
.view-comment .header-reply .reply-left,
|
||||||
|
.page-edit-comment .header-reply .reply-left,
|
||||||
|
.page-add-reply .header-reply .reply-left,
|
||||||
|
.page-edit-reply .header-reply .reply-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
@ -6272,7 +6375,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-reply .initials-reply,
|
.page-view-comments .header-reply .initials-reply,
|
||||||
.container-edit-comment .header-reply .initials-reply,
|
.container-edit-comment .header-reply .initials-reply,
|
||||||
.container-add-reply .header-reply .initials-reply,
|
.container-add-reply .header-reply .initials-reply,
|
||||||
.view-comment .header-reply .initials-reply {
|
.view-comment .header-reply .initials-reply,
|
||||||
|
.page-edit-comment .header-reply .initials-reply,
|
||||||
|
.page-add-reply .header-reply .initials-reply,
|
||||||
|
.page-edit-reply .header-reply .initials-reply {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|
@ -6426,42 +6532,46 @@ html.phone .document-menu .list-block .item-link {
|
||||||
#done-comment {
|
#done-comment {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment {
|
.page-add-comment .wrap-comment,
|
||||||
|
.page-add-comment .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .header-comment {
|
.page-add-comment .wrap-comment .header-comment,
|
||||||
|
.page-add-comment .wrap-reply .header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .user-name {
|
.page-add-comment .wrap-comment .user-name,
|
||||||
|
.page-add-comment .wrap-reply .user-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .comment-date {
|
.page-add-comment .wrap-comment .comment-date,
|
||||||
|
.page-add-comment .wrap-reply .comment-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea {
|
||||||
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.container-edit-comment,
|
.container-edit-comment,
|
||||||
.container-add-reply,
|
.container-add-reply {
|
||||||
container-edit-comment {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar,
|
.container-edit-comment .navbar,
|
||||||
.container-add-reply .navbar,
|
.container-add-reply .navbar {
|
||||||
container-edit-comment .navbar {
|
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar:after,
|
.container-edit-comment .navbar:after,
|
||||||
.container-add-reply .navbar:after,
|
.container-add-reply .navbar:after {
|
||||||
container-edit-comment .navbar:after {
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -6477,38 +6587,56 @@ container-edit-comment .navbar:after {
|
||||||
transform-origin: 50% 100%;
|
transform-origin: 50% 100%;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .navbar-inner,
|
.container-edit-comment .navbar .navbar-inner,
|
||||||
.container-add-reply .navbar .navbar-inner,
|
.container-add-reply .navbar .navbar-inner {
|
||||||
container-edit-comment .navbar .navbar-inner {
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar a.link i + span,
|
.container-edit-comment .navbar a.link i + span,
|
||||||
.container-add-reply .navbar a.link i + span,
|
.container-add-reply .navbar a.link i + span {
|
||||||
container-edit-comment .navbar a.link i + span {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .center,
|
.container-edit-comment .navbar .center,
|
||||||
.container-add-reply .navbar .center,
|
.container-add-reply .navbar .center {
|
||||||
container-edit-comment .navbar .center {
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .right,
|
.container-edit-comment .navbar .right,
|
||||||
.container-add-reply .navbar .right,
|
.container-add-reply .navbar .right {
|
||||||
container-edit-comment .navbar .right {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.container-edit-comment .page-add-comment,
|
.container-edit-comment .page-add-comment,
|
||||||
.container-add-reply .page-add-comment,
|
.container-add-reply .page-add-comment {
|
||||||
container-edit-comment .page-add-comment {
|
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.container-edit-comment .header-comment,
|
.container-edit-comment .header-comment,
|
||||||
.container-add-reply .header-comment,
|
.container-add-reply .header-comment {
|
||||||
container-edit-comment .header-comment {
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
}
|
}
|
||||||
|
.page-edit-comment,
|
||||||
|
.page-add-reply,
|
||||||
|
.page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right,
|
||||||
|
.page-add-reply .navbar .right,
|
||||||
|
.page-edit-reply .navbar .right {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right .done-reply,
|
||||||
|
.page-add-reply .navbar .right .done-reply,
|
||||||
|
.page-edit-reply .navbar .right .done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.tablet .searchbar.document.replace .center > .replace {
|
.tablet .searchbar.document.replace .center > .replace {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6479,12 +6479,41 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
.page-comments .header-comment,
|
||||||
|
.add-comment .header-comment,
|
||||||
|
.page-view-comments .header-comment,
|
||||||
|
.container-edit-comment .header-comment,
|
||||||
|
.container-add-reply .header-comment,
|
||||||
|
.view-comment .header-comment,
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-right: 16px;
|
||||||
|
}
|
||||||
|
.page-comments .header-comment .comment-right,
|
||||||
|
.add-comment .header-comment .comment-right,
|
||||||
|
.page-view-comments .header-comment .comment-right,
|
||||||
|
.container-edit-comment .header-comment .comment-right,
|
||||||
|
.container-add-reply .header-comment .comment-right,
|
||||||
|
.view-comment .header-comment .comment-right,
|
||||||
|
.page-edit-comment .header-comment .comment-right,
|
||||||
|
.page-add-reply .header-comment .comment-right,
|
||||||
|
.page-edit-reply .header-comment .comment-right {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 70px;
|
||||||
|
}
|
||||||
.page-comments .list-block .item-inner,
|
.page-comments .list-block .item-inner,
|
||||||
.add-comment .list-block .item-inner,
|
.add-comment .list-block .item-inner,
|
||||||
.page-view-comments .list-block .item-inner,
|
.page-view-comments .list-block .item-inner,
|
||||||
.container-edit-comment .list-block .item-inner,
|
.container-edit-comment .list-block .item-inner,
|
||||||
.container-add-reply .list-block .item-inner,
|
.container-add-reply .list-block .item-inner,
|
||||||
.view-comment .list-block .item-inner {
|
.view-comment .list-block .item-inner,
|
||||||
|
.page-edit-comment .list-block .item-inner,
|
||||||
|
.page-add-reply .list-block .item-inner,
|
||||||
|
.page-edit-reply .list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
@ -6494,7 +6523,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments p,
|
.page-view-comments p,
|
||||||
.container-edit-comment p,
|
.container-edit-comment p,
|
||||||
.container-add-reply p,
|
.container-add-reply p,
|
||||||
.view-comment p {
|
.view-comment p,
|
||||||
|
.page-edit-comment p,
|
||||||
|
.page-add-reply p,
|
||||||
|
.page-edit-reply p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -6503,7 +6535,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .list-reply,
|
.page-view-comments .list-reply,
|
||||||
.container-edit-comment .list-reply,
|
.container-edit-comment .list-reply,
|
||||||
.container-add-reply .list-reply,
|
.container-add-reply .list-reply,
|
||||||
.view-comment .list-reply {
|
.view-comment .list-reply,
|
||||||
|
.page-edit-comment .list-reply,
|
||||||
|
.page-add-reply .list-reply,
|
||||||
|
.page-edit-reply .list-reply {
|
||||||
padding-left: 26px;
|
padding-left: 26px;
|
||||||
}
|
}
|
||||||
.page-comments .user-name,
|
.page-comments .user-name,
|
||||||
|
|
@ -6511,7 +6546,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .user-name,
|
.page-view-comments .user-name,
|
||||||
.container-edit-comment .user-name,
|
.container-edit-comment .user-name,
|
||||||
.container-add-reply .user-name,
|
.container-add-reply .user-name,
|
||||||
.view-comment .user-name {
|
.view-comment .user-name,
|
||||||
|
.page-edit-comment .user-name,
|
||||||
|
.page-add-reply .user-name,
|
||||||
|
.page-edit-reply .user-name {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6524,12 +6562,18 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-date,
|
.container-edit-comment .comment-date,
|
||||||
.container-add-reply .comment-date,
|
.container-add-reply .comment-date,
|
||||||
.view-comment .comment-date,
|
.view-comment .comment-date,
|
||||||
|
.page-edit-comment .comment-date,
|
||||||
|
.page-add-reply .comment-date,
|
||||||
|
.page-edit-reply .comment-date,
|
||||||
.page-comments .reply-date,
|
.page-comments .reply-date,
|
||||||
.add-comment .reply-date,
|
.add-comment .reply-date,
|
||||||
.page-view-comments .reply-date,
|
.page-view-comments .reply-date,
|
||||||
.container-edit-comment .reply-date,
|
.container-edit-comment .reply-date,
|
||||||
.container-add-reply .reply-date,
|
.container-add-reply .reply-date,
|
||||||
.view-comment .reply-date {
|
.view-comment .reply-date,
|
||||||
|
.page-edit-comment .reply-date,
|
||||||
|
.page-add-reply .reply-date,
|
||||||
|
.page-edit-reply .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
|
|
@ -6542,12 +6586,18 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-text,
|
.container-edit-comment .comment-text,
|
||||||
.container-add-reply .comment-text,
|
.container-add-reply .comment-text,
|
||||||
.view-comment .comment-text,
|
.view-comment .comment-text,
|
||||||
|
.page-edit-comment .comment-text,
|
||||||
|
.page-add-reply .comment-text,
|
||||||
|
.page-edit-reply .comment-text,
|
||||||
.page-comments .reply-text,
|
.page-comments .reply-text,
|
||||||
.add-comment .reply-text,
|
.add-comment .reply-text,
|
||||||
.page-view-comments .reply-text,
|
.page-view-comments .reply-text,
|
||||||
.container-edit-comment .reply-text,
|
.container-edit-comment .reply-text,
|
||||||
.container-add-reply .reply-text,
|
.container-add-reply .reply-text,
|
||||||
.view-comment .reply-text {
|
.view-comment .reply-text,
|
||||||
|
.page-edit-comment .reply-text,
|
||||||
|
.page-add-reply .reply-text,
|
||||||
|
.page-edit-reply .reply-text {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6560,7 +6610,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item,
|
.page-view-comments .reply-item,
|
||||||
.container-edit-comment .reply-item,
|
.container-edit-comment .reply-item,
|
||||||
.container-add-reply .reply-item,
|
.container-add-reply .reply-item,
|
||||||
.view-comment .reply-item {
|
.view-comment .reply-item,
|
||||||
|
.page-edit-comment .reply-item,
|
||||||
|
.page-add-reply .reply-item,
|
||||||
|
.page-edit-reply .reply-item {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
|
|
@ -6570,7 +6623,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item .header-reply,
|
.page-view-comments .reply-item .header-reply,
|
||||||
.container-edit-comment .reply-item .header-reply,
|
.container-edit-comment .reply-item .header-reply,
|
||||||
.container-add-reply .reply-item .header-reply,
|
.container-add-reply .reply-item .header-reply,
|
||||||
.view-comment .reply-item .header-reply {
|
.view-comment .reply-item .header-reply,
|
||||||
|
.page-edit-comment .reply-item .header-reply,
|
||||||
|
.page-add-reply .reply-item .header-reply,
|
||||||
|
.page-edit-reply .reply-item .header-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6579,7 +6635,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item .user-name,
|
.page-view-comments .reply-item .user-name,
|
||||||
.container-edit-comment .reply-item .user-name,
|
.container-edit-comment .reply-item .user-name,
|
||||||
.container-add-reply .reply-item .user-name,
|
.container-add-reply .reply-item .user-name,
|
||||||
.view-comment .reply-item .user-name {
|
.view-comment .reply-item .user-name,
|
||||||
|
.page-edit-comment .reply-item .user-name,
|
||||||
|
.page-add-reply .reply-item .user-name,
|
||||||
|
.page-edit-reply .reply-item .user-name {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
.page-comments .reply-item:before,
|
.page-comments .reply-item:before,
|
||||||
|
|
@ -6587,7 +6646,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .reply-item:before,
|
.page-view-comments .reply-item:before,
|
||||||
.container-edit-comment .reply-item:before,
|
.container-edit-comment .reply-item:before,
|
||||||
.container-add-reply .reply-item:before,
|
.container-add-reply .reply-item:before,
|
||||||
.view-comment .reply-item:before {
|
.view-comment .reply-item:before,
|
||||||
|
.page-edit-comment .reply-item:before,
|
||||||
|
.page-add-reply .reply-item:before,
|
||||||
|
.page-edit-reply .reply-item:before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: auto;
|
left: auto;
|
||||||
|
|
@ -6607,7 +6669,10 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .comment-quote,
|
.page-view-comments .comment-quote,
|
||||||
.container-edit-comment .comment-quote,
|
.container-edit-comment .comment-quote,
|
||||||
.container-add-reply .comment-quote,
|
.container-add-reply .comment-quote,
|
||||||
.view-comment .comment-quote {
|
.view-comment .comment-quote,
|
||||||
|
.page-edit-comment .comment-quote,
|
||||||
|
.page-add-reply .comment-quote,
|
||||||
|
.page-edit-reply .comment-quote {
|
||||||
color: #40865c;
|
color: #40865c;
|
||||||
border-left: 1px solid #40865c;
|
border-left: 1px solid #40865c;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -6619,7 +6684,19 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-view-comments .wrap-comment,
|
.page-view-comments .wrap-comment,
|
||||||
.container-edit-comment .wrap-comment,
|
.container-edit-comment .wrap-comment,
|
||||||
.container-add-reply .wrap-comment,
|
.container-add-reply .wrap-comment,
|
||||||
.view-comment .wrap-comment {
|
.view-comment .wrap-comment,
|
||||||
|
.page-edit-comment .wrap-comment,
|
||||||
|
.page-add-reply .wrap-comment,
|
||||||
|
.page-edit-reply .wrap-comment,
|
||||||
|
.page-comments .wrap-reply,
|
||||||
|
.add-comment .wrap-reply,
|
||||||
|
.page-view-comments .wrap-reply,
|
||||||
|
.container-edit-comment .wrap-reply,
|
||||||
|
.container-add-reply .wrap-reply,
|
||||||
|
.view-comment .wrap-reply,
|
||||||
|
.page-edit-comment .wrap-reply,
|
||||||
|
.page-add-reply .wrap-reply,
|
||||||
|
.page-edit-reply .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-textarea,
|
.page-comments .comment-textarea,
|
||||||
|
|
@ -6628,18 +6705,27 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-edit-comment .comment-textarea,
|
.container-edit-comment .comment-textarea,
|
||||||
.container-add-reply .comment-textarea,
|
.container-add-reply .comment-textarea,
|
||||||
.view-comment .comment-textarea,
|
.view-comment .comment-textarea,
|
||||||
|
.page-edit-comment .comment-textarea,
|
||||||
|
.page-add-reply .comment-textarea,
|
||||||
|
.page-edit-reply .comment-textarea,
|
||||||
.page-comments .reply-textarea,
|
.page-comments .reply-textarea,
|
||||||
.add-comment .reply-textarea,
|
.add-comment .reply-textarea,
|
||||||
.page-view-comments .reply-textarea,
|
.page-view-comments .reply-textarea,
|
||||||
.container-edit-comment .reply-textarea,
|
.container-edit-comment .reply-textarea,
|
||||||
.container-add-reply .reply-textarea,
|
.container-add-reply .reply-textarea,
|
||||||
.view-comment .reply-textarea,
|
.view-comment .reply-textarea,
|
||||||
|
.page-edit-comment .reply-textarea,
|
||||||
|
.page-add-reply .reply-textarea,
|
||||||
|
.page-edit-reply .reply-textarea,
|
||||||
.page-comments .edit-reply-textarea,
|
.page-comments .edit-reply-textarea,
|
||||||
.add-comment .edit-reply-textarea,
|
.add-comment .edit-reply-textarea,
|
||||||
.page-view-comments .edit-reply-textarea,
|
.page-view-comments .edit-reply-textarea,
|
||||||
.container-edit-comment .edit-reply-textarea,
|
.container-edit-comment .edit-reply-textarea,
|
||||||
.container-add-reply .edit-reply-textarea,
|
.container-add-reply .edit-reply-textarea,
|
||||||
.view-comment .edit-reply-textarea {
|
.view-comment .edit-reply-textarea,
|
||||||
|
.page-edit-comment .edit-reply-textarea,
|
||||||
|
.page-add-reply .edit-reply-textarea,
|
||||||
|
.page-edit-reply .edit-reply-textarea {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -6689,18 +6775,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.container-view-comment .view-comment .list-block .item-inner {
|
.container-view-comment .view-comment .list-block .item-inner {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.container-view-comment .page-view-comments .list-block .item-inner .header-comment,
|
|
||||||
.container-view-comment .view-comment .list-block .item-inner .header-comment {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-right: 16px;
|
|
||||||
}
|
|
||||||
.container-view-comment .page-view-comments .list-block .item-inner .header-comment .comment-right,
|
|
||||||
.container-view-comment .view-comment .list-block .item-inner .header-comment .comment-right {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
.container-view-comment .toolbar {
|
.container-view-comment .toolbar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
@ -6804,24 +6878,30 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.page-add-comment {
|
.page-add-comment {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment {
|
.page-add-comment .wrap-comment,
|
||||||
|
.page-add-comment .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .header-comment {
|
.page-add-comment .wrap-comment .header-comment,
|
||||||
|
.page-add-comment .wrap-reply .header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .user-name {
|
.page-add-comment .wrap-comment .user-name,
|
||||||
|
.page-add-comment .wrap-reply .user-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .comment-date {
|
.page-add-comment .wrap-comment .comment-date,
|
||||||
|
.page-add-comment .wrap-reply .comment-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
@ -6843,6 +6923,30 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: #ff3b30;
|
color: #ff3b30;
|
||||||
}
|
}
|
||||||
|
.page-edit-comment,
|
||||||
|
.page-add-reply,
|
||||||
|
.page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right,
|
||||||
|
.page-add-reply .navbar .right,
|
||||||
|
.page-edit-reply .navbar .right {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right .done-reply,
|
||||||
|
.page-add-reply .navbar .right .done-reply,
|
||||||
|
.page-edit-reply .navbar .right .done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
i.icon.icon-search {
|
i.icon.icon-search {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
|
||||||
|
|
@ -6074,22 +6074,59 @@ html.phone .document-menu .list-block .item-link {
|
||||||
#user-list ul:before {
|
#user-list ul:before {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
.page-comments .list-block ul:before,
|
||||||
|
.page-add-comment .list-block ul:before,
|
||||||
|
.page-view-comments .list-block ul:before,
|
||||||
|
.container-edit-comment .list-block ul:before,
|
||||||
|
.container-add-reply .list-block ul:before,
|
||||||
|
.view-comment .list-block ul:before,
|
||||||
|
.page-edit-comment .list-block ul:before,
|
||||||
|
.page-add-reply .list-block ul:before,
|
||||||
|
.page-edit-reply .list-block ul:before,
|
||||||
|
.page-comments .list-block ul:after,
|
||||||
|
.page-add-comment .list-block ul:after,
|
||||||
|
.page-view-comments .list-block ul:after,
|
||||||
|
.container-edit-comment .list-block ul:after,
|
||||||
|
.container-add-reply .list-block ul:after,
|
||||||
|
.view-comment .list-block ul:after,
|
||||||
|
.page-edit-comment .list-block ul:after,
|
||||||
|
.page-add-reply .list-block ul:after,
|
||||||
|
.page-edit-reply .list-block ul:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
.page-comments .list-block .item-inner,
|
.page-comments .list-block .item-inner,
|
||||||
.page-add-comment .list-block .item-inner,
|
.page-add-comment .list-block .item-inner,
|
||||||
.page-view-comments .list-block .item-inner,
|
.page-view-comments .list-block .item-inner,
|
||||||
.container-edit-comment .list-block .item-inner,
|
.container-edit-comment .list-block .item-inner,
|
||||||
.container-add-reply .list-block .item-inner,
|
.container-add-reply .list-block .item-inner,
|
||||||
.view-comment .list-block .item-inner {
|
.view-comment .list-block .item-inner,
|
||||||
|
.page-edit-comment .list-block .item-inner,
|
||||||
|
.page-add-reply .list-block .item-inner,
|
||||||
|
.page-edit-reply .list-block .item-inner {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
.page-comments .list-block .item-inner:after,
|
||||||
|
.page-add-comment .list-block .item-inner:after,
|
||||||
|
.page-view-comments .list-block .item-inner:after,
|
||||||
|
.container-edit-comment .list-block .item-inner:after,
|
||||||
|
.container-add-reply .list-block .item-inner:after,
|
||||||
|
.view-comment .list-block .item-inner:after,
|
||||||
|
.page-edit-comment .list-block .item-inner:after,
|
||||||
|
.page-add-reply .list-block .item-inner:after,
|
||||||
|
.page-edit-reply .list-block .item-inner:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
.page-comments p,
|
.page-comments p,
|
||||||
.page-add-comment p,
|
.page-add-comment p,
|
||||||
.page-view-comments p,
|
.page-view-comments p,
|
||||||
.container-edit-comment p,
|
.container-edit-comment p,
|
||||||
.container-add-reply p,
|
.container-add-reply p,
|
||||||
.view-comment p {
|
.view-comment p,
|
||||||
|
.page-edit-comment p,
|
||||||
|
.page-add-reply p,
|
||||||
|
.page-edit-reply p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -6098,7 +6135,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .list-reply,
|
.page-view-comments .list-reply,
|
||||||
.container-edit-comment .list-reply,
|
.container-edit-comment .list-reply,
|
||||||
.container-add-reply .list-reply,
|
.container-add-reply .list-reply,
|
||||||
.view-comment .list-reply {
|
.view-comment .list-reply,
|
||||||
|
.page-edit-comment .list-reply,
|
||||||
|
.page-add-reply .list-reply,
|
||||||
|
.page-edit-reply .list-reply {
|
||||||
padding-left: 26px;
|
padding-left: 26px;
|
||||||
}
|
}
|
||||||
.page-comments .user-name,
|
.page-comments .user-name,
|
||||||
|
|
@ -6106,7 +6146,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .user-name,
|
.page-view-comments .user-name,
|
||||||
.container-edit-comment .user-name,
|
.container-edit-comment .user-name,
|
||||||
.container-add-reply .user-name,
|
.container-add-reply .user-name,
|
||||||
.view-comment .user-name {
|
.view-comment .user-name,
|
||||||
|
.page-edit-comment .user-name,
|
||||||
|
.page-add-reply .user-name,
|
||||||
|
.page-edit-reply .user-name {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -6118,12 +6161,18 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-date,
|
.container-edit-comment .comment-date,
|
||||||
.container-add-reply .comment-date,
|
.container-add-reply .comment-date,
|
||||||
.view-comment .comment-date,
|
.view-comment .comment-date,
|
||||||
|
.page-edit-comment .comment-date,
|
||||||
|
.page-add-reply .comment-date,
|
||||||
|
.page-edit-reply .comment-date,
|
||||||
.page-comments .reply-date,
|
.page-comments .reply-date,
|
||||||
.page-add-comment .reply-date,
|
.page-add-comment .reply-date,
|
||||||
.page-view-comments .reply-date,
|
.page-view-comments .reply-date,
|
||||||
.container-edit-comment .reply-date,
|
.container-edit-comment .reply-date,
|
||||||
.container-add-reply .reply-date,
|
.container-add-reply .reply-date,
|
||||||
.view-comment .reply-date {
|
.view-comment .reply-date,
|
||||||
|
.page-edit-comment .reply-date,
|
||||||
|
.page-add-reply .reply-date,
|
||||||
|
.page-edit-reply .reply-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
|
|
@ -6136,12 +6185,18 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-text,
|
.container-edit-comment .comment-text,
|
||||||
.container-add-reply .comment-text,
|
.container-add-reply .comment-text,
|
||||||
.view-comment .comment-text,
|
.view-comment .comment-text,
|
||||||
|
.page-edit-comment .comment-text,
|
||||||
|
.page-add-reply .comment-text,
|
||||||
|
.page-edit-reply .comment-text,
|
||||||
.page-comments .reply-text,
|
.page-comments .reply-text,
|
||||||
.page-add-comment .reply-text,
|
.page-add-comment .reply-text,
|
||||||
.page-view-comments .reply-text,
|
.page-view-comments .reply-text,
|
||||||
.container-edit-comment .reply-text,
|
.container-edit-comment .reply-text,
|
||||||
.container-add-reply .reply-text,
|
.container-add-reply .reply-text,
|
||||||
.view-comment .reply-text {
|
.view-comment .reply-text,
|
||||||
|
.page-edit-comment .reply-text,
|
||||||
|
.page-add-reply .reply-text,
|
||||||
|
.page-edit-reply .reply-text {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
|
@ -6154,7 +6209,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item,
|
.page-view-comments .reply-item,
|
||||||
.container-edit-comment .reply-item,
|
.container-edit-comment .reply-item,
|
||||||
.container-add-reply .reply-item,
|
.container-add-reply .reply-item,
|
||||||
.view-comment .reply-item {
|
.view-comment .reply-item,
|
||||||
|
.page-edit-comment .reply-item,
|
||||||
|
.page-add-reply .reply-item,
|
||||||
|
.page-edit-reply .reply-item {
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
|
|
@ -6163,7 +6221,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item .header-reply,
|
.page-view-comments .reply-item .header-reply,
|
||||||
.container-edit-comment .reply-item .header-reply,
|
.container-edit-comment .reply-item .header-reply,
|
||||||
.container-add-reply .reply-item .header-reply,
|
.container-add-reply .reply-item .header-reply,
|
||||||
.view-comment .reply-item .header-reply {
|
.view-comment .reply-item .header-reply,
|
||||||
|
.page-edit-comment .reply-item .header-reply,
|
||||||
|
.page-add-reply .reply-item .header-reply,
|
||||||
|
.page-edit-reply .reply-item .header-reply {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6172,7 +6233,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .reply-item .user-name,
|
.page-view-comments .reply-item .user-name,
|
||||||
.container-edit-comment .reply-item .user-name,
|
.container-edit-comment .reply-item .user-name,
|
||||||
.container-add-reply .reply-item .user-name,
|
.container-add-reply .reply-item .user-name,
|
||||||
.view-comment .reply-item .user-name {
|
.view-comment .reply-item .user-name,
|
||||||
|
.page-edit-comment .reply-item .user-name,
|
||||||
|
.page-add-reply .reply-item .user-name,
|
||||||
|
.page-edit-reply .reply-item .user-name {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-quote,
|
.page-comments .comment-quote,
|
||||||
|
|
@ -6180,7 +6244,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .comment-quote,
|
.page-view-comments .comment-quote,
|
||||||
.container-edit-comment .comment-quote,
|
.container-edit-comment .comment-quote,
|
||||||
.container-add-reply .comment-quote,
|
.container-add-reply .comment-quote,
|
||||||
.view-comment .comment-quote {
|
.view-comment .comment-quote,
|
||||||
|
.page-edit-comment .comment-quote,
|
||||||
|
.page-add-reply .comment-quote,
|
||||||
|
.page-edit-reply .comment-quote {
|
||||||
color: #40865c;
|
color: #40865c;
|
||||||
border-left: 1px solid #40865c;
|
border-left: 1px solid #40865c;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -6192,7 +6259,19 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .wrap-comment,
|
.page-view-comments .wrap-comment,
|
||||||
.container-edit-comment .wrap-comment,
|
.container-edit-comment .wrap-comment,
|
||||||
.container-add-reply .wrap-comment,
|
.container-add-reply .wrap-comment,
|
||||||
.view-comment .wrap-comment {
|
.view-comment .wrap-comment,
|
||||||
|
.page-edit-comment .wrap-comment,
|
||||||
|
.page-add-reply .wrap-comment,
|
||||||
|
.page-edit-reply .wrap-comment,
|
||||||
|
.page-comments .wrap-reply,
|
||||||
|
.page-add-comment .wrap-reply,
|
||||||
|
.page-view-comments .wrap-reply,
|
||||||
|
.container-edit-comment .wrap-reply,
|
||||||
|
.container-add-reply .wrap-reply,
|
||||||
|
.view-comment .wrap-reply,
|
||||||
|
.page-edit-comment .wrap-reply,
|
||||||
|
.page-add-reply .wrap-reply,
|
||||||
|
.page-edit-reply .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-comments .comment-textarea,
|
.page-comments .comment-textarea,
|
||||||
|
|
@ -6201,18 +6280,27 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.container-edit-comment .comment-textarea,
|
.container-edit-comment .comment-textarea,
|
||||||
.container-add-reply .comment-textarea,
|
.container-add-reply .comment-textarea,
|
||||||
.view-comment .comment-textarea,
|
.view-comment .comment-textarea,
|
||||||
|
.page-edit-comment .comment-textarea,
|
||||||
|
.page-add-reply .comment-textarea,
|
||||||
|
.page-edit-reply .comment-textarea,
|
||||||
.page-comments .reply-textarea,
|
.page-comments .reply-textarea,
|
||||||
.page-add-comment .reply-textarea,
|
.page-add-comment .reply-textarea,
|
||||||
.page-view-comments .reply-textarea,
|
.page-view-comments .reply-textarea,
|
||||||
.container-edit-comment .reply-textarea,
|
.container-edit-comment .reply-textarea,
|
||||||
.container-add-reply .reply-textarea,
|
.container-add-reply .reply-textarea,
|
||||||
.view-comment .reply-textarea,
|
.view-comment .reply-textarea,
|
||||||
|
.page-edit-comment .reply-textarea,
|
||||||
|
.page-add-reply .reply-textarea,
|
||||||
|
.page-edit-reply .reply-textarea,
|
||||||
.page-comments .edit-reply-textarea,
|
.page-comments .edit-reply-textarea,
|
||||||
.page-add-comment .edit-reply-textarea,
|
.page-add-comment .edit-reply-textarea,
|
||||||
.page-view-comments .edit-reply-textarea,
|
.page-view-comments .edit-reply-textarea,
|
||||||
.container-edit-comment .edit-reply-textarea,
|
.container-edit-comment .edit-reply-textarea,
|
||||||
.container-add-reply .edit-reply-textarea,
|
.container-add-reply .edit-reply-textarea,
|
||||||
.view-comment .edit-reply-textarea {
|
.view-comment .edit-reply-textarea,
|
||||||
|
.page-edit-comment .edit-reply-textarea,
|
||||||
|
.page-add-reply .edit-reply-textarea,
|
||||||
|
.page-edit-reply .edit-reply-textarea {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -6227,7 +6315,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment,
|
.page-view-comments .header-comment,
|
||||||
.container-edit-comment .header-comment,
|
.container-edit-comment .header-comment,
|
||||||
.container-add-reply .header-comment,
|
.container-add-reply .header-comment,
|
||||||
.view-comment .header-comment {
|
.view-comment .header-comment,
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
|
|
@ -6237,7 +6328,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .comment-right,
|
.page-view-comments .header-comment .comment-right,
|
||||||
.container-edit-comment .header-comment .comment-right,
|
.container-edit-comment .header-comment .comment-right,
|
||||||
.container-add-reply .header-comment .comment-right,
|
.container-add-reply .header-comment .comment-right,
|
||||||
.view-comment .header-comment .comment-right {
|
.view-comment .header-comment .comment-right,
|
||||||
|
.page-edit-comment .header-comment .comment-right,
|
||||||
|
.page-add-reply .header-comment .comment-right,
|
||||||
|
.page-edit-reply .header-comment .comment-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
|
@ -6247,7 +6341,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .comment-left,
|
.page-view-comments .header-comment .comment-left,
|
||||||
.container-edit-comment .header-comment .comment-left,
|
.container-edit-comment .header-comment .comment-left,
|
||||||
.container-add-reply .header-comment .comment-left,
|
.container-add-reply .header-comment .comment-left,
|
||||||
.view-comment .header-comment .comment-left {
|
.view-comment .header-comment .comment-left,
|
||||||
|
.page-edit-comment .header-comment .comment-left,
|
||||||
|
.page-add-reply .header-comment .comment-left,
|
||||||
|
.page-edit-reply .header-comment .comment-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -6256,7 +6353,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-comment .initials-comment,
|
.page-view-comments .header-comment .initials-comment,
|
||||||
.container-edit-comment .header-comment .initials-comment,
|
.container-edit-comment .header-comment .initials-comment,
|
||||||
.container-add-reply .header-comment .initials-comment,
|
.container-add-reply .header-comment .initials-comment,
|
||||||
.view-comment .header-comment .initials-comment {
|
.view-comment .header-comment .initials-comment,
|
||||||
|
.page-edit-comment .header-comment .initials-comment,
|
||||||
|
.page-add-reply .header-comment .initials-comment,
|
||||||
|
.page-edit-reply .header-comment .initials-comment {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
|
|
@ -6272,7 +6372,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-reply .reply-left,
|
.page-view-comments .header-reply .reply-left,
|
||||||
.container-edit-comment .header-reply .reply-left,
|
.container-edit-comment .header-reply .reply-left,
|
||||||
.container-add-reply .header-reply .reply-left,
|
.container-add-reply .header-reply .reply-left,
|
||||||
.view-comment .header-reply .reply-left {
|
.view-comment .header-reply .reply-left,
|
||||||
|
.page-edit-comment .header-reply .reply-left,
|
||||||
|
.page-add-reply .header-reply .reply-left,
|
||||||
|
.page-edit-reply .header-reply .reply-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
@ -6282,7 +6385,10 @@ html.phone .document-menu .list-block .item-link {
|
||||||
.page-view-comments .header-reply .initials-reply,
|
.page-view-comments .header-reply .initials-reply,
|
||||||
.container-edit-comment .header-reply .initials-reply,
|
.container-edit-comment .header-reply .initials-reply,
|
||||||
.container-add-reply .header-reply .initials-reply,
|
.container-add-reply .header-reply .initials-reply,
|
||||||
.view-comment .header-reply .initials-reply {
|
.view-comment .header-reply .initials-reply,
|
||||||
|
.page-edit-comment .header-reply .initials-reply,
|
||||||
|
.page-add-reply .header-reply .initials-reply,
|
||||||
|
.page-edit-reply .header-reply .initials-reply {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|
@ -6436,42 +6542,46 @@ html.phone .document-menu .list-block .item-link {
|
||||||
#done-comment {
|
#done-comment {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment {
|
.page-add-comment .wrap-comment,
|
||||||
|
.page-add-comment .wrap-reply {
|
||||||
padding: 16px 24px 0 16px;
|
padding: 16px 24px 0 16px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .header-comment {
|
.page-add-comment .wrap-comment .header-comment,
|
||||||
|
.page-add-comment .wrap-reply .header-comment {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .user-name {
|
.page-add-comment .wrap-comment .user-name,
|
||||||
|
.page-add-comment .wrap-reply .user-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .comment-date {
|
.page-add-comment .wrap-comment .comment-date,
|
||||||
|
.page-add-comment .wrap-reply .comment-date {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6d6d72;
|
color: #6d6d72;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea {
|
||||||
|
margin-top: 16px;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
}
|
}
|
||||||
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea {
|
.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
|
||||||
|
.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
|
||||||
border: 1px solid #c4c4c4;
|
border: 1px solid #c4c4c4;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.container-edit-comment,
|
.container-edit-comment,
|
||||||
.container-add-reply,
|
.container-add-reply {
|
||||||
container-edit-comment {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar,
|
.container-edit-comment .navbar,
|
||||||
.container-add-reply .navbar,
|
.container-add-reply .navbar {
|
||||||
container-edit-comment .navbar {
|
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar:after,
|
.container-edit-comment .navbar:after,
|
||||||
.container-add-reply .navbar:after,
|
.container-add-reply .navbar:after {
|
||||||
container-edit-comment .navbar:after {
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -6487,38 +6597,56 @@ container-edit-comment .navbar:after {
|
||||||
transform-origin: 50% 100%;
|
transform-origin: 50% 100%;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .navbar-inner,
|
.container-edit-comment .navbar .navbar-inner,
|
||||||
.container-add-reply .navbar .navbar-inner,
|
.container-add-reply .navbar .navbar-inner {
|
||||||
container-edit-comment .navbar .navbar-inner {
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar a.link i + span,
|
.container-edit-comment .navbar a.link i + span,
|
||||||
.container-add-reply .navbar a.link i + span,
|
.container-add-reply .navbar a.link i + span {
|
||||||
container-edit-comment .navbar a.link i + span {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .center,
|
.container-edit-comment .navbar .center,
|
||||||
.container-add-reply .navbar .center,
|
.container-add-reply .navbar .center {
|
||||||
container-edit-comment .navbar .center {
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.container-edit-comment .navbar .right,
|
.container-edit-comment .navbar .right,
|
||||||
.container-add-reply .navbar .right,
|
.container-add-reply .navbar .right {
|
||||||
container-edit-comment .navbar .right {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.container-edit-comment .page-add-comment,
|
.container-edit-comment .page-add-comment,
|
||||||
.container-add-reply .page-add-comment,
|
.container-add-reply .page-add-comment {
|
||||||
container-edit-comment .page-add-comment {
|
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.container-edit-comment .header-comment,
|
.container-edit-comment .header-comment,
|
||||||
.container-add-reply .header-comment,
|
.container-add-reply .header-comment {
|
||||||
container-edit-comment .header-comment {
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.actions-modal-button.color-red {
|
.actions-modal-button.color-red {
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
}
|
}
|
||||||
|
.page-edit-comment,
|
||||||
|
.page-add-reply,
|
||||||
|
.page-edit-reply {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.page-edit-comment .header-comment,
|
||||||
|
.page-add-reply .header-comment,
|
||||||
|
.page-edit-reply .header-comment {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right,
|
||||||
|
.page-add-reply .navbar .right,
|
||||||
|
.page-edit-reply .navbar .right {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.page-edit-comment .navbar .right .done-reply,
|
||||||
|
.page-add-reply .navbar .right .done-reply,
|
||||||
|
.page-edit-reply .navbar .right .done-reply {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 16px;
|
||||||
|
padding-right: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.tablet .searchbar.document.replace .center > .replace {
|
.tablet .searchbar.document.replace .center > .replace {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue