Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE mobile] add edit comments into collaboration section

Browse source
This commit is contained in:
JuliaSvinareva 2020-04-01 20:34:51 +03:00
parent 2422fab071
commit 218929dd3e
11 changed files with 1376 additions and 457 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

194
apps/common/mobile/lib/controller/Collaboration.js
View file

@ -723,7 +723,7 @@ define([
findComment: function(uid) {
var comment;
if (this.groupCollectionFilter.length !== 0) {
comment = me.findCommentInGroup(uid);
comment = this.findCommentInGroup(uid);
} else if (this.collectionComments.length !== 0) {
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);
$('.comment-menu').single('click', _.bind(this.initMenuComments, 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() {
@ -847,9 +847,9 @@ define([
$('.prev-comment').single('click', _.bind(me.onViewPrevComment, me));
$('.next-comment').single('click', _.bind(me.onViewNextComment, 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));
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me));
$('.comment-resolve').single('click', _.bind(me.onClickResolveComment, me, false));
if (me.showComments.length === 1) {
$('.prev-comment, .next-comment').addClass('disabled');
@ -921,7 +921,7 @@ define([
_.defer(function () {
$('.comment-menu').single('click', _.bind(me.initMenuComments, 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,18 +938,27 @@ define([
_.defer(function () {
$('.comment-menu').single('click', _.bind(me.initMenuComments, 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 isAndroid = Framework7.prototype.device.android === true,
phone = Common.SharedSettings.get('phone');
if (this.indexCurrentComment > -1 && this.indexCurrentComment < this.showComments.length) {
var addReplyView,
comment = this.showComments[this.indexCurrentComment];
var idComment;
if (!id) {
idComment = $('.view-comment').find('.comment').data('uid');
} else {
idComment = id;
}
var comment = me.findComment(idComment);
me.getCurrentUser();
var date = me.dateToLocaleTimeString(new Date());
if (comment) {
var addReplyView;
if ($('.container-view-comment').length > 0) {
if (phone) {
addReplyView = uiApp.popup(
'<div class="popup container-add-reply">' +
@ -963,10 +972,10 @@ define([
'<div class="pages">' +
'<div class="page 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>' +
'<div class="wrap-reply">' +
(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>' +
'<div class="comment-date">' + date + '</div>' +
(isAndroid ? '</div></div>' : '') +
'<div><textarea class="reply-textarea">' + '</textarea></div>' +
'</div>' +
@ -985,8 +994,15 @@ define([
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) {
var reply = $('.reply-textarea')[0].value;
if ($('.container-view-comment').length > 0) {
var $viewComment = $('.container-view-comment');
if (reply && reply.length > 0) {
this.addReply(uid, reply);
@ -997,6 +1013,10 @@ define([
$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));
$('.cancel-reply').single('click', _.bind(function () {
var $viewComment = $('.container-view-comment');
@ -1093,8 +1113,11 @@ define([
}
},
initMenuComments: function() {
if ($('.actions-modal').length === 0) {
initMenuComments: function(e) {
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;
_.delay(function () {
var _menuItems = [];
@ -1102,7 +1125,7 @@ define([
caption: me.textEdit,
event: 'edit'
});
if (!me.showComments[me.indexCurrentComment].resolved) {
if (!comment.resolved) {
_menuItems.push({
caption: me.textResolve,
event: 'resolve'
@ -1113,6 +1136,12 @@ define([
event: 'resolve'
});
}
if ($('.container-collaboration').length > 0) {
_menuItems.push({
caption: me.textAddReply,
event: 'addreply'
});
}
_menuItems.push({
caption: me.textDeleteComment,
event: 'delete',
@ -1121,7 +1150,7 @@ define([
_.each(_menuItems, function (item) {
item.text = item.caption;
item.onClick = function () {
me.onCommentMenuClick(item.event)
me.onCommentMenuClick(item.event, idComment)
}
});
@ -1141,6 +1170,7 @@ define([
initReplyMenu: function(event) {
var me = this;
var ind = $(event.currentTarget).parent().parent().data('ind');
var idComment = $(event.currentTarget).closest('.comment').data('uid');
_.delay(function () {
var _menuItems = [];
_menuItems.push({
@ -1155,7 +1185,7 @@ define([
_.each(_menuItems, function (item) {
item.text = item.caption;
item.onClick = function () {
me.onCommentMenuClick(item.event, ind);
me.onCommentMenuClick(item.event, idComment, ind);
}
});
uiApp.actions([_menuItems, [
@ -1170,7 +1200,7 @@ define([
}, 100);
},
onCommentMenuClick: function(action, indReply) {
onCommentMenuClick: function(action, idComment, indReply) {
var me = this;
function addOverlay () {
if (!Common.SharedSettings.get('phone')) {
@ -1183,24 +1213,27 @@ define([
switch (action) {
case 'edit':
addOverlay();
me.showEditComment();
me.showEditComment(idComment);
break;
case 'resolve':
addOverlay();
me.onClickResolveComment();
me.onClickResolveComment(idComment);
break;
case 'delete':
addOverlay();
me.onDeleteComment(me.indexCurrentComment);
me.onDeleteComment(idComment);
break;
case 'editreply':
addOverlay();
me.showEditReplyModal(me.indexCurrentComment, indReply);
me.showEditReply(idComment, indReply);
break;
case 'deletereply':
addOverlay();
me.onDeleteReply(me.indexCurrentComment, indReply);
me.onDeleteReply(idComment, indReply);
break;
case 'addreply':
addOverlay();
me.onClickAddReply(idComment);
default:
addOverlay();
break;
@ -1249,13 +1282,17 @@ define([
}
this.api.asc_changeComment(uid, ascComment);
return true;
}
}
return false;
},
onDeleteComment: function(ind) {
if (this.api && !_.isUndefined(ind) && !_.isUndefined(this.showComments)) {
this.api.asc_removeComment(this.showComments[ind].uid);
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 {
@ -1263,15 +1300,16 @@ define([
this.updateViewComment();
}
}
}
},
onDeleteReply: function(indComment, indReply) {
if (!_.isUndefined(indComment) && !_.isUndefined(indReply)) {
onDeleteReply: function(idComment, indReply) {
if (!_.isUndefined(idComment) && !_.isUndefined(indReply)) {
var me = this,
replies = null,
addReply = 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) {
var id = comment.uid;
@ -1307,16 +1345,19 @@ define([
}
me.api.asc_changeComment(id, ascComment);
if($('.container-view-comment').length > 0) {
me.updateViewComment();
}
}
}
},
showEditComment: function() {
showEditComment: function(idComment) {
var me = this,
isAndroid = Framework7.prototype.device.android === true;
if (this.indexCurrentComment > -1 && this.indexCurrentComment < this.showComments.length) {
var comment = this.showComments[this.indexCurrentComment];
if (idComment) {
var comment = this.findComment(idComment);
if ($('.container-view-comment').length > 0) {
if (Common.SharedSettings.get('phone')) {
me.editView = uiApp.popup(
'<div class="popup container-edit-comment">' +
@ -1356,55 +1397,62 @@ define([
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>');
template = _.template('<a href="#" class="link done-edit-comment" id="edit-comment">' + me.textDone + '</a>');
$viewComment.find('.button-right').append(template);
template = _.template('<a href="#" class="link cancel-reply">' + me.textCancel + '</a>');
template = _.template('<a href="#" class="link cancel-edit-comment">' + me.textCancel + '</a>');
$viewComment.find('.button-left').append(template);
_.delay(function () {
var $textarea = $viewComment.find('.comment-textarea')[0];
}
}
} else if ($('.container-collaboration').length > 0) {
this.getView('Common.Views.Collaboration').showPage('#comments-edit-view');
this.getView('Common.Views.Collaboration').renderEditComment(comment);
}
_.defer(function () {
var $textarea = $('.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;
if (!this.onChangeComment(comment)) return;
if ($('.container-view-comment').length > 0) {
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.done-edit-comment, a.cancel-edit-comment').remove();
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');
}
this.updateViewComment();
} else if ($('.container-collaboration').length > 0) {
rootView.router.back();
}
}
}, me, comment));
$('.cancel-reply').single('click', _.bind(function () {
$('.cancel-edit-comment').single('click', _.bind(function () {
var $viewComment = $('.container-view-comment');
$viewComment.find('a.done-reply, a.cancel-reply, .comment-textarea').remove();
$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));
}
},
showEditReplyModal: function(indComment, indReply) {
showEditReply: function(idComment, indReply) {
var me = this;
if (indComment > -1 && indComment < this.showComments.length) {
var comment = me.findComment(idComment);
if (comment) {
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]);
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">' +
@ -1419,7 +1467,7 @@ define([
'<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>' : '') +
(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>' : '') +
@ -1431,11 +1479,6 @@ define([
'</div>'
);
$('.popup').css('z-index', '20000');
_.delay(function () {
var $textarea = $('.edit-reply-textarea')[0];
$textarea.focus();
$textarea.selectionStart = $textarea.value.length;
},100);
} else {
var $reply = $('.reply-item[data-ind=' + indReply + ']');
var $viewComment = $('.container-view-comment');
@ -1447,16 +1490,20 @@ define([
$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 = $viewComment.find('.edit-reply-textarea')[0];
var $textarea = $('.edit-reply-textarea')[0];
$textarea.focus();
$textarea.selectionStart = $textarea.value.length;
}, 50);
}
}, 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')) {
@ -1466,6 +1513,11 @@ define([
$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));
$('.cancel-reply').single('click', _.bind(function () {
@ -1477,12 +1529,19 @@ define([
}
},
onClickResolveComment: function() {
if (!_.isUndefined(this.indexCurrentComment) && !_.isUndefined(this.showComments)) {
var comment = this.showComments[this.indexCurrentComment];
onClickResolveComment: function(uid, e) {
var idComment;
if (!uid) {
var $comment = $(e.currentTarget).closest('.comment');
idComment = $comment.data('uid');
} else {
idComment = uid;
}
var comment = this.findComment(idComment);
if (comment) {
if (this.resolveComment(comment.uid)) {
$('.comment-resolve .icon-resolve-comment').toggleClass('check');
if ($('.container-view-comment').length > 0) {
$('.comment[data-uid=' + idComment + '] .comment-resolve .icon-resolve-comment').toggleClass('check');
}
}
}
@ -1555,6 +1614,9 @@ define([
initComments: function() {
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));
},

54
apps/common/mobile/lib/template/Collaboration.template
View file

@ -237,3 +237,57 @@
</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>

67
apps/common/mobile/lib/view/Collaboration.js
View file

@ -156,7 +156,7 @@ define([
template = '<div class="list-block">' +
'<ul id="comments-list">';
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="header-comment"><div class="comment-left">';
if (isAndroid) {
@ -224,20 +224,36 @@ define([
items = [];
_.each(comments, function (comment) {
var itemTemplate = [
'<li class="comment item-content">',
'<li class="comment item-content" data-uid="<%= item.uid %>">',
'<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="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) {%>',
'<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) {%>',
'<ul class="list-reply">',
'<% _.each(item.replys, function (reply) { %>',
'<li class="reply-item">',
'<li class="reply-item" data-ind="<%= reply.ind %>">',
'<div class="header-reply">',
'<div class="reply-left">',
'<% 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>',
'<% }); %>',
@ -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',
textReviewing: 'Review',
@ -271,7 +324,11 @@ define([
textOriginal: 'Original',
textChange: 'Review Change',
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 || {}))
});

46
apps/common/mobile/resources/less/ios/_collaboration.less
View file

@ -92,7 +92,17 @@
}
//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 {
display: block;
padding: 16px 0;
@ -162,7 +172,7 @@
font-size: 15px;
}
.wrap-comment {
.wrap-comment, .wrap-reply {
padding: 16px 24px 0 16px;
}
.comment-textarea, .reply-textarea, .edit-reply-textarea {
@ -210,16 +220,6 @@
}
.item-inner {
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 {
background-color: #FFFFFF;
.wrap-comment {
.wrap-comment, .wrap-reply {
padding: 16px 24px 0 16px;
.header-comment {
justify-content: flex-start;
@ -378,3 +378,23 @@
.actions-modal-button.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%;
}
}
}
}

40
apps/common/mobile/resources/less/material/_collaboration.less
View file

@ -90,11 +90,21 @@
}
//Comments
.page-comments, .page-add-comment, .page-view-comments, .container-edit-comment, .container-add-reply, .view-comment {
.list-block .item-inner {
.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 {
ul {
&:before, &:after {
content: none;
}
}
.item-inner {
display: block;
padding: 16px 0;
word-wrap: break-word;
&:after {
content: none;
}
}
}
p {
margin: 0;
@ -143,7 +153,7 @@
font-size: 15px;
}
.wrap-comment {
.wrap-comment, .wrap-reply {
padding: 16px 24px 0 16px;
}
.comment-textarea, .reply-textarea, .edit-reply-textarea {
@ -356,7 +366,7 @@
padding: 0 16px;
}
.page-add-comment {
.wrap-comment {
.wrap-comment, .wrap-reply {
padding: 16px 24px 0 16px;
.header-comment {
justify-content: flex-start;
@ -369,6 +379,7 @@
color: #6d6d72;
}
.wrap-textarea {
margin-top: 16px;
padding-right: 6px;
.comment-textarea {
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%;
.navbar {
background-color: #FFFFFF;
@ -424,3 +435,22 @@
.actions-modal-button.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%;
}
}
}
}

166
apps/documenteditor/mobile/resources/css/app-ios.css
View file

@ -6479,12 +6479,41 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
#user-list ul:before {
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,
.add-comment .list-block .item-inner,
.page-view-comments .list-block .item-inner,
.container-edit-comment .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;
padding: 16px 0;
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,
.container-edit-comment 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;
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,
.container-edit-comment .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;
}
.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,
.container-edit-comment .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;
line-height: 22px;
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-add-reply .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,
.add-comment .reply-date,
.page-view-comments .reply-date,
.container-edit-comment .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;
line-height: 18px;
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-add-reply .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,
.add-comment .reply-text,
.page-view-comments .reply-text,
.container-edit-comment .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;
font-size: 15px;
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,
.container-edit-comment .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;
padding-right: 16px;
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,
.container-edit-comment .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;
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,
.container-edit-comment .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;
}
.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,
.container-edit-comment .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: '';
position: absolute;
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,
.container-edit-comment .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;
border-left: 1px solid #446995;
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,
.container-edit-comment .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;
}
.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-add-reply .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,
.add-comment .reply-textarea,
.page-view-comments .reply-textarea,
.container-edit-comment .reply-textarea,
.container-add-reply .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,
.add-comment .edit-reply-textarea,
.page-view-comments .edit-reply-textarea,
.container-edit-comment .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;
background: transparent;
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 {
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 {
position: absolute;
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 {
background-color: #FFFFFF;
}
.page-add-comment .wrap-comment {
.page-add-comment .wrap-comment,
.page-add-comment .wrap-reply {
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;
}
.page-add-comment .wrap-comment .user-name {
.page-add-comment .wrap-comment .user-name,
.page-add-comment .wrap-reply .user-name {
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;
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;
}
.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;
margin-top: 0;
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 {
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 {
margin-right: 10px;
}

212
apps/documenteditor/mobile/resources/css/app-material.css
View file

@ -6064,22 +6064,59 @@ html.phone .document-menu .list-block .item-link {
#user-list ul:before {
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-add-comment .list-block .item-inner,
.page-view-comments .list-block .item-inner,
.container-edit-comment .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;
padding: 16px 0;
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-add-comment p,
.page-view-comments p,
.container-edit-comment 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;
word-break: break-word;
}
@ -6088,7 +6125,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .list-reply,
.container-edit-comment .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;
}
.page-comments .user-name,
@ -6096,7 +6136,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .user-name,
.container-edit-comment .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;
line-height: 22px;
color: #000000;
@ -6108,12 +6151,18 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-date,
.container-add-reply .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-add-comment .reply-date,
.page-view-comments .reply-date,
.container-edit-comment .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;
line-height: 18px;
color: #6d6d72;
@ -6126,12 +6175,18 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-text,
.container-add-reply .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-add-comment .reply-text,
.page-view-comments .reply-text,
.container-edit-comment .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;
font-size: 15px;
line-height: 25px;
@ -6144,7 +6199,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item,
.container-edit-comment .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-top: 13px;
}
@ -6153,7 +6211,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item .header-reply,
.container-edit-comment .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;
justify-content: space-between;
}
@ -6162,7 +6223,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item .user-name,
.container-edit-comment .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;
}
.page-comments .comment-quote,
@ -6170,7 +6234,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .comment-quote,
.container-edit-comment .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;
border-left: 1px solid #446995;
padding-left: 10px;
@ -6182,7 +6249,19 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .wrap-comment,
.container-edit-comment .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;
}
.page-comments .comment-textarea,
@ -6191,18 +6270,27 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-textarea,
.container-add-reply .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-add-comment .reply-textarea,
.page-view-comments .reply-textarea,
.container-edit-comment .reply-textarea,
.container-add-reply .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-add-comment .edit-reply-textarea,
.page-view-comments .edit-reply-textarea,
.container-edit-comment .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;
background: transparent;
outline: none;
@ -6217,7 +6305,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment,
.container-edit-comment .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;
justify-content: space-between;
padding-right: 16px;
@ -6227,7 +6318,10 @@ html.phone .document-menu .list-block .item-link {
.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 {
.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;
@ -6237,7 +6331,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment .comment-left,
.container-edit-comment .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;
justify-content: space-between;
}
@ -6246,7 +6343,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment .initials-comment,
.container-edit-comment .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;
width: 40px;
border-radius: 50px;
@ -6262,7 +6362,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-reply .reply-left,
.container-edit-comment .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;
justify-content: space-between;
align-items: flex-start;
@ -6272,7 +6375,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-reply .initials-reply,
.container-edit-comment .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;
height: 24px;
color: #FFFFFF;
@ -6426,42 +6532,46 @@ html.phone .document-menu .list-block .item-link {
#done-comment {
padding: 0 16px;
}
.page-add-comment .wrap-comment {
.page-add-comment .wrap-comment,
.page-add-comment .wrap-reply {
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;
}
.page-add-comment .wrap-comment .user-name {
.page-add-comment .wrap-comment .user-name,
.page-add-comment .wrap-reply .user-name {
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;
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;
}
.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;
margin-top: 0;
min-height: 100px;
border-radius: 4px;
}
.container-edit-comment,
.container-add-reply,
container-edit-comment {
.container-add-reply {
height: 100%;
}
.container-edit-comment .navbar,
.container-add-reply .navbar,
container-edit-comment .navbar {
.container-add-reply .navbar {
background-color: #FFFFFF;
color: #000;
}
.container-edit-comment .navbar:after,
.container-add-reply .navbar:after,
container-edit-comment .navbar:after {
.container-add-reply .navbar:after {
content: '';
position: absolute;
left: 0;
@ -6477,38 +6587,56 @@ container-edit-comment .navbar:after {
transform-origin: 50% 100%;
}
.container-edit-comment .navbar .navbar-inner,
.container-add-reply .navbar .navbar-inner,
container-edit-comment .navbar .navbar-inner {
.container-add-reply .navbar .navbar-inner {
justify-content: space-between;
}
.container-edit-comment .navbar a.link i + span,
.container-add-reply .navbar a.link i + span,
container-edit-comment .navbar a.link i + span {
.container-add-reply .navbar a.link i + span {
margin-left: 0;
}
.container-edit-comment .navbar .center,
.container-add-reply .navbar .center,
container-edit-comment .navbar .center {
.container-add-reply .navbar .center {
font-size: 18px;
}
.container-edit-comment .navbar .right,
.container-add-reply .navbar .right,
container-edit-comment .navbar .right {
.container-add-reply .navbar .right {
margin-left: 0;
}
.container-edit-comment .page-add-comment,
.container-add-reply .page-add-comment,
container-edit-comment .page-add-comment {
.container-add-reply .page-add-comment {
background-color: #FFFFFF;
}
.container-edit-comment .header-comment,
.container-add-reply .header-comment,
container-edit-comment .header-comment {
.container-add-reply .header-comment {
justify-content: flex-start;
}
.actions-modal-button.color-red {
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 {
display: flex;
}

166
apps/presentationeditor/mobile/resources/css/app-ios.css
View file

@ -6479,12 +6479,41 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
#user-list ul:before {
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,
.add-comment .list-block .item-inner,
.page-view-comments .list-block .item-inner,
.container-edit-comment .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;
padding: 16px 0;
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,
.container-edit-comment 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;
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,
.container-edit-comment .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;
}
.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,
.container-edit-comment .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;
line-height: 22px;
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-add-reply .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,
.add-comment .reply-date,
.page-view-comments .reply-date,
.container-edit-comment .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;
line-height: 18px;
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-add-reply .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,
.add-comment .reply-text,
.page-view-comments .reply-text,
.container-edit-comment .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;
font-size: 15px;
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,
.container-edit-comment .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;
padding-right: 16px;
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,
.container-edit-comment .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;
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,
.container-edit-comment .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;
}
.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,
.container-edit-comment .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: '';
position: absolute;
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,
.container-edit-comment .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;
border-left: 1px solid #aa5252;
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,
.container-edit-comment .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;
}
.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-add-reply .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,
.add-comment .reply-textarea,
.page-view-comments .reply-textarea,
.container-edit-comment .reply-textarea,
.container-add-reply .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,
.add-comment .edit-reply-textarea,
.page-view-comments .edit-reply-textarea,
.container-edit-comment .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;
background: transparent;
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 {
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 {
position: absolute;
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 {
background-color: #FFFFFF;
}
.page-add-comment .wrap-comment {
.page-add-comment .wrap-comment,
.page-add-comment .wrap-reply {
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;
}
.page-add-comment .wrap-comment .user-name {
.page-add-comment .wrap-comment .user-name,
.page-add-comment .wrap-reply .user-name {
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;
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;
}
.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;
margin-top: 0;
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 {
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 {
margin-right: 10px;
}

212
apps/presentationeditor/mobile/resources/css/app-material.css
View file

@ -6064,22 +6064,59 @@ html.phone .document-menu .list-block .item-link {
#user-list ul:before {
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-add-comment .list-block .item-inner,
.page-view-comments .list-block .item-inner,
.container-edit-comment .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;
padding: 16px 0;
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-add-comment p,
.page-view-comments p,
.container-edit-comment 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;
word-break: break-word;
}
@ -6088,7 +6125,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .list-reply,
.container-edit-comment .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;
}
.page-comments .user-name,
@ -6096,7 +6136,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .user-name,
.container-edit-comment .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;
line-height: 22px;
color: #000000;
@ -6108,12 +6151,18 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-date,
.container-add-reply .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-add-comment .reply-date,
.page-view-comments .reply-date,
.container-edit-comment .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;
line-height: 18px;
color: #6d6d72;
@ -6126,12 +6175,18 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-text,
.container-add-reply .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-add-comment .reply-text,
.page-view-comments .reply-text,
.container-edit-comment .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;
font-size: 15px;
line-height: 25px;
@ -6144,7 +6199,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item,
.container-edit-comment .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-top: 13px;
}
@ -6153,7 +6211,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item .header-reply,
.container-edit-comment .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;
justify-content: space-between;
}
@ -6162,7 +6223,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item .user-name,
.container-edit-comment .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;
}
.page-comments .comment-quote,
@ -6170,7 +6234,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .comment-quote,
.container-edit-comment .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;
border-left: 1px solid #aa5252;
padding-left: 10px;
@ -6182,7 +6249,19 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .wrap-comment,
.container-edit-comment .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;
}
.page-comments .comment-textarea,
@ -6191,18 +6270,27 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-textarea,
.container-add-reply .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-add-comment .reply-textarea,
.page-view-comments .reply-textarea,
.container-edit-comment .reply-textarea,
.container-add-reply .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-add-comment .edit-reply-textarea,
.page-view-comments .edit-reply-textarea,
.container-edit-comment .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;
background: transparent;
outline: none;
@ -6217,7 +6305,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment,
.container-edit-comment .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;
justify-content: space-between;
padding-right: 16px;
@ -6227,7 +6318,10 @@ html.phone .document-menu .list-block .item-link {
.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 {
.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;
@ -6237,7 +6331,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment .comment-left,
.container-edit-comment .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;
justify-content: space-between;
}
@ -6246,7 +6343,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment .initials-comment,
.container-edit-comment .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;
width: 40px;
border-radius: 50px;
@ -6262,7 +6362,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-reply .reply-left,
.container-edit-comment .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;
justify-content: space-between;
align-items: flex-start;
@ -6272,7 +6375,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-reply .initials-reply,
.container-edit-comment .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;
height: 24px;
color: #FFFFFF;
@ -6426,42 +6532,46 @@ html.phone .document-menu .list-block .item-link {
#done-comment {
padding: 0 16px;
}
.page-add-comment .wrap-comment {
.page-add-comment .wrap-comment,
.page-add-comment .wrap-reply {
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;
}
.page-add-comment .wrap-comment .user-name {
.page-add-comment .wrap-comment .user-name,
.page-add-comment .wrap-reply .user-name {
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;
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;
}
.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;
margin-top: 0;
min-height: 100px;
border-radius: 4px;
}
.container-edit-comment,
.container-add-reply,
container-edit-comment {
.container-add-reply {
height: 100%;
}
.container-edit-comment .navbar,
.container-add-reply .navbar,
container-edit-comment .navbar {
.container-add-reply .navbar {
background-color: #FFFFFF;
color: #000;
}
.container-edit-comment .navbar:after,
.container-add-reply .navbar:after,
container-edit-comment .navbar:after {
.container-add-reply .navbar:after {
content: '';
position: absolute;
left: 0;
@ -6477,38 +6587,56 @@ container-edit-comment .navbar:after {
transform-origin: 50% 100%;
}
.container-edit-comment .navbar .navbar-inner,
.container-add-reply .navbar .navbar-inner,
container-edit-comment .navbar .navbar-inner {
.container-add-reply .navbar .navbar-inner {
justify-content: space-between;
}
.container-edit-comment .navbar a.link i + span,
.container-add-reply .navbar a.link i + span,
container-edit-comment .navbar a.link i + span {
.container-add-reply .navbar a.link i + span {
margin-left: 0;
}
.container-edit-comment .navbar .center,
.container-add-reply .navbar .center,
container-edit-comment .navbar .center {
.container-add-reply .navbar .center {
font-size: 18px;
}
.container-edit-comment .navbar .right,
.container-add-reply .navbar .right,
container-edit-comment .navbar .right {
.container-add-reply .navbar .right {
margin-left: 0;
}
.container-edit-comment .page-add-comment,
.container-add-reply .page-add-comment,
container-edit-comment .page-add-comment {
.container-add-reply .page-add-comment {
background-color: #FFFFFF;
}
.container-edit-comment .header-comment,
.container-add-reply .header-comment,
container-edit-comment .header-comment {
.container-add-reply .header-comment {
justify-content: flex-start;
}
.actions-modal-button.color-red {
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 {
display: flex;
}

166
apps/spreadsheeteditor/mobile/resources/css/app-ios.css
View file

@ -6479,12 +6479,41 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
#user-list ul:before {
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,
.add-comment .list-block .item-inner,
.page-view-comments .list-block .item-inner,
.container-edit-comment .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;
padding: 16px 0;
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,
.container-edit-comment 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;
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,
.container-edit-comment .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;
}
.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,
.container-edit-comment .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;
line-height: 22px;
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-add-reply .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,
.add-comment .reply-date,
.page-view-comments .reply-date,
.container-edit-comment .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;
line-height: 18px;
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-add-reply .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,
.add-comment .reply-text,
.page-view-comments .reply-text,
.container-edit-comment .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;
font-size: 15px;
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,
.container-edit-comment .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;
padding-right: 16px;
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,
.container-edit-comment .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;
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,
.container-edit-comment .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;
}
.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,
.container-edit-comment .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: '';
position: absolute;
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,
.container-edit-comment .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;
border-left: 1px solid #40865c;
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,
.container-edit-comment .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;
}
.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-add-reply .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,
.add-comment .reply-textarea,
.page-view-comments .reply-textarea,
.container-edit-comment .reply-textarea,
.container-add-reply .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,
.add-comment .edit-reply-textarea,
.page-view-comments .edit-reply-textarea,
.container-edit-comment .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;
background: transparent;
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 {
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 {
position: absolute;
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 {
background-color: #FFFFFF;
}
.page-add-comment .wrap-comment {
.page-add-comment .wrap-comment,
.page-add-comment .wrap-reply {
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;
}
.page-add-comment .wrap-comment .user-name {
.page-add-comment .wrap-comment .user-name,
.page-add-comment .wrap-reply .user-name {
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;
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;
}
.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;
margin-top: 0;
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 {
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 {
width: 24px;
height: 24px;

212
apps/spreadsheeteditor/mobile/resources/css/app-material.css
View file

@ -6074,22 +6074,59 @@ html.phone .document-menu .list-block .item-link {
#user-list ul:before {
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-add-comment .list-block .item-inner,
.page-view-comments .list-block .item-inner,
.container-edit-comment .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;
padding: 16px 0;
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-add-comment p,
.page-view-comments p,
.container-edit-comment 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;
word-break: break-word;
}
@ -6098,7 +6135,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .list-reply,
.container-edit-comment .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;
}
.page-comments .user-name,
@ -6106,7 +6146,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .user-name,
.container-edit-comment .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;
line-height: 22px;
color: #000000;
@ -6118,12 +6161,18 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-date,
.container-add-reply .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-add-comment .reply-date,
.page-view-comments .reply-date,
.container-edit-comment .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;
line-height: 18px;
color: #6d6d72;
@ -6136,12 +6185,18 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-text,
.container-add-reply .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-add-comment .reply-text,
.page-view-comments .reply-text,
.container-edit-comment .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;
font-size: 15px;
line-height: 25px;
@ -6154,7 +6209,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item,
.container-edit-comment .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-top: 13px;
}
@ -6163,7 +6221,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item .header-reply,
.container-edit-comment .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;
justify-content: space-between;
}
@ -6172,7 +6233,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .reply-item .user-name,
.container-edit-comment .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;
}
.page-comments .comment-quote,
@ -6180,7 +6244,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .comment-quote,
.container-edit-comment .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;
border-left: 1px solid #40865c;
padding-left: 10px;
@ -6192,7 +6259,19 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .wrap-comment,
.container-edit-comment .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;
}
.page-comments .comment-textarea,
@ -6201,18 +6280,27 @@ html.phone .document-menu .list-block .item-link {
.container-edit-comment .comment-textarea,
.container-add-reply .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-add-comment .reply-textarea,
.page-view-comments .reply-textarea,
.container-edit-comment .reply-textarea,
.container-add-reply .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-add-comment .edit-reply-textarea,
.page-view-comments .edit-reply-textarea,
.container-edit-comment .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;
background: transparent;
outline: none;
@ -6227,7 +6315,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment,
.container-edit-comment .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;
justify-content: space-between;
padding-right: 16px;
@ -6237,7 +6328,10 @@ html.phone .document-menu .list-block .item-link {
.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 {
.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;
@ -6247,7 +6341,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment .comment-left,
.container-edit-comment .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;
justify-content: space-between;
}
@ -6256,7 +6353,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-comment .initials-comment,
.container-edit-comment .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;
width: 40px;
border-radius: 50px;
@ -6272,7 +6372,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-reply .reply-left,
.container-edit-comment .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;
justify-content: space-between;
align-items: flex-start;
@ -6282,7 +6385,10 @@ html.phone .document-menu .list-block .item-link {
.page-view-comments .header-reply .initials-reply,
.container-edit-comment .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;
height: 24px;
color: #FFFFFF;
@ -6436,42 +6542,46 @@ html.phone .document-menu .list-block .item-link {
#done-comment {
padding: 0 16px;
}
.page-add-comment .wrap-comment {
.page-add-comment .wrap-comment,
.page-add-comment .wrap-reply {
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;
}
.page-add-comment .wrap-comment .user-name {
.page-add-comment .wrap-comment .user-name,
.page-add-comment .wrap-reply .user-name {
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;
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;
}
.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;
margin-top: 0;
min-height: 100px;
border-radius: 4px;
}
.container-edit-comment,
.container-add-reply,
container-edit-comment {
.container-add-reply {
height: 100%;
}
.container-edit-comment .navbar,
.container-add-reply .navbar,
container-edit-comment .navbar {
.container-add-reply .navbar {
background-color: #FFFFFF;
color: #000;
}
.container-edit-comment .navbar:after,
.container-add-reply .navbar:after,
container-edit-comment .navbar:after {
.container-add-reply .navbar:after {
content: '';
position: absolute;
left: 0;
@ -6487,38 +6597,56 @@ container-edit-comment .navbar:after {
transform-origin: 50% 100%;
}
.container-edit-comment .navbar .navbar-inner,
.container-add-reply .navbar .navbar-inner,
container-edit-comment .navbar .navbar-inner {
.container-add-reply .navbar .navbar-inner {
justify-content: space-between;
}
.container-edit-comment .navbar a.link i + span,
.container-add-reply .navbar a.link i + span,
container-edit-comment .navbar a.link i + span {
.container-add-reply .navbar a.link i + span {
margin-left: 0;
}
.container-edit-comment .navbar .center,
.container-add-reply .navbar .center,
container-edit-comment .navbar .center {
.container-add-reply .navbar .center {
font-size: 18px;
}
.container-edit-comment .navbar .right,
.container-add-reply .navbar .right,
container-edit-comment .navbar .right {
.container-add-reply .navbar .right {
margin-left: 0;
}
.container-edit-comment .page-add-comment,
.container-add-reply .page-add-comment,
container-edit-comment .page-add-comment {
.container-add-reply .page-add-comment {
background-color: #FFFFFF;
}
.container-edit-comment .header-comment,
.container-add-reply .header-comment,
container-edit-comment .header-comment {
.container-add-reply .header-comment {
justify-content: flex-start;
}
.actions-modal-button.color-red {
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 {
display: flex;
}