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

[mobile] Fix comments

Browse source
This commit is contained in:
JuliaSvinareva 2020-05-06 15:46:12 +03:00
parent a3b347c911
commit add8ec8621
18 changed files with 50 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -786,7 +786,7 @@ define([
disabledViewComments: function(disabled) { disabledViewComments: function(disabled) {
if ($('.container-view-comment').length > 0) { if ($('.container-view-comment').length > 0) {
if (disabled) { if (disabled) {
$('.comment-resolve, .comment-menu, .add-reply').addClass('disabled'); $('.comment-resolve, .comment-menu, .add-reply, .reply-menu').addClass('disabled');
if (!$('.prev-comment').hasClass('disabled')) { if (!$('.prev-comment').hasClass('disabled')) {
$('.prev-comment').addClass('disabled'); $('.prev-comment').addClass('disabled');
} }
@ -794,7 +794,7 @@ define([
$('.next-comment').addClass('disabled'); $('.next-comment').addClass('disabled');
} }
} else { } else {
$('.comment-resolve, .comment-menu, .add-reply').removeClass('disabled'); $('.comment-resolve, .comment-menu, .add-reply, .reply-menu').removeClass('disabled');
if (this.showComments.length > 1) { if (this.showComments.length > 1) {
$('.prev-comment, .next-comment').removeClass('disabled'); $('.prev-comment, .next-comment').removeClass('disabled');
} }
@ -1268,6 +1268,7 @@ define([
$textarea.selectionStart = $textarea.value.length; $textarea.selectionStart = $textarea.value.length;
}, 100); }, 100);
} else { } else {
me.disabledViewComments(true);
if ($('.comment-textarea').length === 0) { if ($('.comment-textarea').length === 0) {
var $viewComment = $('.container-view-comment'); var $viewComment = $('.container-view-comment');
var oldComment = $viewComment.find('.comment-text span').text(); var oldComment = $viewComment.find('.comment-text span').text();
@ -1348,6 +1349,7 @@ define([
}); });
$('.popup').css('z-index', '20000'); $('.popup').css('z-index', '20000');
} else { } else {
me.disabledViewComments(true);
var $reply = $('.reply-item[data-ind=' + indReply + ']'); var $reply = $('.reply-item[data-ind=' + indReply + ']');
var $viewComment = $('.container-view-comment'); var $viewComment = $('.container-view-comment');
$reply.find('.reply-text').css('display', 'none'); $reply.find('.reply-text').css('display', 'none');
@ -1369,7 +1371,7 @@ define([
$textarea.selectionStart = $textarea.value.length; $textarea.selectionStart = $textarea.value.length;
}); });
$('#edit-reply').single('click', _.bind(me.onEditReply, me, comment, indReply)); $('#edit-reply').single('click', _.bind(me.onEditReply, me, comment, indReply));
$('.cancel-reply').single('click', _.bind(me.onCancelEditReply, me)); $('.cancel-reply').single('click', _.bind(me.onCancelEditReply, me, indReply));
} }
} }
}, },
@ -1404,7 +1406,9 @@ define([
} }
}, },
onCancelEditReply: function() { onCancelEditReply: function(indReply) {
var $viewComment = $('.container-view-comment'),
$reply = $('.reply-item[data-ind=' + indReply + ']');
$viewComment.find('a#edit-reply, a.cancel-reply, .edit-reply-textarea').remove(); $viewComment.find('a#edit-reply, a.cancel-reply, .edit-reply-textarea').remove();
$reply.find('.reply-text').css('display', 'block'); $reply.find('.reply-text').css('display', 'block');
$viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex'); $viewComment.find('a.prev-comment, a.next-comment, a.add-reply').css('display', 'flex');

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

@ -344,7 +344,7 @@ define([
'<div class="navbar-inner">' + '<div class="navbar-inner">' +
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' + '<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' +
'<div class="center sliding">' + this.textAddReply + '</div>' + '<div class="center sliding">' + this.textAddReply + '</div>' +
'<div class="right sliding"><a href="#" class="link" id="add-new-reply">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' + '<div class="right sliding"><a href="#" class="link" id="add-new-reply">' + (isAndroid ? '<i class="icon icon-done-comment-white"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' +
'</div>' + '</div>' +
'</div>' + '</div>' +
'<div class="pages">' + '<div class="pages">' +
@ -392,7 +392,7 @@ define([
'<div class="navbar-inner">' + '<div class="navbar-inner">' +
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? ' <i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' + '<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? ' <i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' +
'<div class="center sliding">' + this.textEditСomment + '</div>' + '<div class="center sliding">' + this.textEditСomment + '</div>' +
'<div class="right sliding"><a href="#" class="link" id="edit-comment">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' + '<div class="right sliding"><a href="#" class="link" id="edit-comment">' + (isAndroid ? '<i class="icon icon-done-comment-white"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' +
'</div>' + '</div>' +
'</div>' + '</div>' +
'<div class="page-edit-comment">' + '<div class="page-edit-comment">' +
@ -417,7 +417,7 @@ define([
'<div class="navbar-inner">' + '<div class="navbar-inner">' +
'<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' + '<div class="left sliding"><a href="#" class="back link close-popup">' + (isAndroid ? '<i class="icon icon-close-comment"></i>' : '<span>' + this.textCancel + '</span>') + '</a></div>' +
'<div class="center sliding">' + this.textEditReply + '</div>' + '<div class="center sliding">' + this.textEditReply + '</div>' +
'<div class="right sliding"><a href="#" class="link" id="edit-reply">' + (isAndroid ? '<i class="icon icon-done-comment"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' + '<div class="right sliding"><a href="#" class="link" id="edit-reply">' + (isAndroid ? '<i class="icon icon-done-comment-white"></i>' : '<span>' + this.textDone + '</span>') + '</a></div>' +
'</div>' + '</div>' +
'</div>' + '</div>' +
'<div class="pages">' + '<div class="pages">' +

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

@ -195,9 +195,6 @@
} }
.container-edit-comment { .container-edit-comment {
.navbar {
background-color: #FFFFFF;
}
.page { .page {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@ -378,7 +375,6 @@
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
.navbar { .navbar {
background-color: #FFFFFF;
a.link i + span { a.link i + span {
margin-left: 0; margin-left: 0;
} }

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

@ -220,13 +220,6 @@
display: none; display: none;
} }
.container-edit-comment {
.navbar {
background-color: #FFFFFF;
color: @themeColor;
}
}
//view comment //view comment
.container-view-comment { .container-view-comment {
position: fixed; position: fixed;
@ -407,8 +400,6 @@
.container-edit-comment, .container-add-reply { .container-edit-comment, .container-add-reply {
height: 100%; height: 100%;
.navbar { .navbar {
background-color: #FFFFFF;
color: #000;
&:after { &:after {
content: ''; content: '';
position: absolute; position: absolute;

2
apps/documenteditor/mobile/app/controller/Main.js
View file

@ -528,7 +528,7 @@ define([
me.api.asc_SetTrackRevisions(me.appOptions.isReviewOnly || Common.localStorage.getBool("de-mobile-track-changes-" + (me.appOptions.fileKey || ''))); me.api.asc_SetTrackRevisions(me.appOptions.isReviewOnly || Common.localStorage.getBool("de-mobile-track-changes-" + (me.appOptions.fileKey || '')));
/** coauthoring begin **/ /** coauthoring begin **/
this.isLiveCommenting = Common.localStorage.getBool("de-settings-livecomment", true); this.isLiveCommenting = Common.localStorage.getBool("de-mobile-settings-livecomment", true);
var resolved = Common.localStorage.getBool("de-settings-resolvedcomment", true); var resolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments(); this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments();
/** coauthoring end **/ /** coauthoring end **/

6
apps/documenteditor/mobile/app/controller/Settings.js
View file

@ -237,7 +237,7 @@ define([
$('#settings-hidden-borders input:checkbox').attr('checked', (Common.localStorage.getItem("de-mobile-hidden-borders") == 'true') ? true : false); $('#settings-hidden-borders input:checkbox').attr('checked', (Common.localStorage.getItem("de-mobile-hidden-borders") == 'true') ? true : false);
$('#settings-hidden-borders input:checkbox').single('change', _.bind(me.onShowTableEmptyLine, me)); $('#settings-hidden-borders input:checkbox').single('change', _.bind(me.onShowTableEmptyLine, me));
$('#settings-orthography').single('click', _.bind(me.onOrthographyCheck, me)); $('#settings-orthography').single('click', _.bind(me.onOrthographyCheck, me));
var displayComments = Common.localStorage.getBool("de-settings-livecomment", true); var displayComments = Common.localStorage.getBool("de-mobile-settings-livecomment", true);
$('#settings-display-comments input:checkbox').attr('checked', displayComments); $('#settings-display-comments input:checkbox').attr('checked', displayComments);
$('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me)); $('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me));
var displayResolved = Common.localStorage.getBool("de-settings-resolvedcomment", true); var displayResolved = Common.localStorage.getBool("de-settings-resolvedcomment", true);
@ -285,11 +285,11 @@ define([
this.api.asc_showComments(resolved); this.api.asc_showComments(resolved);
$("#settings-display-resolved").removeClass("disabled"); $("#settings-display-resolved").removeClass("disabled");
} }
Common.localStorage.setBool("de-settings-livecomment", displayComments); Common.localStorage.setBool("de-mobile-settings-livecomment", displayComments);
}, },
onChangeDisplayResolved: function(e) { onChangeDisplayResolved: function(e) {
var displayComments = Common.localStorage.getBool("de-settings-livecomment"); var displayComments = Common.localStorage.getBool("de-mobile-settings-livecomment");
if (displayComments) { if (displayComments) {
var resolved = $(e.currentTarget).is(':checked'); var resolved = $(e.currentTarget).is(':checked');
if (this.api) { if (this.api) {

2
apps/documenteditor/mobile/app/controller/add/AddContainer.js
View file

@ -75,7 +75,7 @@ define([
uiApp.closeModal(); uiApp.closeModal();
me._showByStack(Common.SharedSettings.get('phone')); me._showByStack(Common.SharedSettings.get('phone'));
uiApp.showTab('#add-other'); //uiApp.showTab('#add-other');
DE.getController('Toolbar').getView('Toolbar').hideSearch(); DE.getController('Toolbar').getView('Toolbar').hideSearch();
}, },

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

@ -6757,9 +6757,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
.settings.popover .list-block ul.list-reply:last-child:after { .settings.popover .list-block ul.list-reply:last-child:after {
display: none; display: none;
} }
.container-edit-comment .navbar {
background-color: #FFFFFF;
}
.container-edit-comment .page { .container-edit-comment .page {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@ -6930,9 +6927,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
} }
.container-add-reply .navbar {
background-color: #FFFFFF;
}
.container-add-reply .navbar a.link i + span { .container-add-reply .navbar a.link i + span {
margin-left: 0; margin-left: 0;
} }

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

@ -6387,10 +6387,6 @@ html.phone .document-menu .list-block .item-link {
.settings.popover .list-block ul.list-reply:last-child:after { .settings.popover .list-block ul.list-reply:last-child:after {
display: none; display: none;
} }
.container-edit-comment .navbar {
background-color: #FFFFFF;
color: #446995;
}
.container-view-comment { .container-view-comment {
position: fixed; position: fixed;
-webkit-transition: height 100ms; -webkit-transition: height 100ms;
@ -6559,11 +6555,6 @@ html.phone .document-menu .list-block .item-link {
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
} }
.container-edit-comment .navbar,
.container-add-reply .navbar {
background-color: #FFFFFF;
color: #000;
}
.container-edit-comment .navbar:after, .container-edit-comment .navbar:after,
.container-add-reply .navbar:after { .container-add-reply .navbar:after {
content: ''; content: '';
@ -7101,11 +7092,6 @@ i.icon.icon-next-comment {
height: 24px; height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E");
} }
i.icon.icon-close-comment {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.6)%22%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-done-comment { i.icon.icon-done-comment {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -7201,6 +7187,11 @@ i.icon.icon-done-comment-white {
height: 24px; height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
} }
.navbar i.icon.icon-close-comment {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.sailfish i.icon.icon-text-align-center { .sailfish i.icon.icon-text-align-center {
background-color: transparent; background-color: transparent;
-webkit-mask-image: none; -webkit-mask-image: none;

10
apps/documenteditor/mobile/resources/less/material/_icons.less
View file

@ -429,11 +429,6 @@ i.icon {
height: 24px; height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
} }
&.icon-close-comment {
width: 24px;
height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="rgba(0, 0, 0, 0.6)"/></svg>');
}
&.icon-done-comment { &.icon-done-comment {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -535,5 +530,10 @@ i.icon {
height: 24px; height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
} }
&.icon-close-comment {
width: 24px;
height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
}
} }
} }

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

@ -6757,9 +6757,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
.settings.popover .list-block ul.list-reply:last-child:after { .settings.popover .list-block ul.list-reply:last-child:after {
display: none; display: none;
} }
.container-edit-comment .navbar {
background-color: #FFFFFF;
}
.container-edit-comment .page { .container-edit-comment .page {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@ -6930,9 +6927,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
} }
.container-add-reply .navbar {
background-color: #FFFFFF;
}
.container-add-reply .navbar a.link i + span { .container-add-reply .navbar a.link i + span {
margin-left: 0; margin-left: 0;
} }

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

@ -6387,10 +6387,6 @@ html.phone .document-menu .list-block .item-link {
.settings.popover .list-block ul.list-reply:last-child:after { .settings.popover .list-block ul.list-reply:last-child:after {
display: none; display: none;
} }
.container-edit-comment .navbar {
background-color: #FFFFFF;
color: #aa5252;
}
.container-view-comment { .container-view-comment {
position: fixed; position: fixed;
-webkit-transition: height 100ms; -webkit-transition: height 100ms;
@ -6559,11 +6555,6 @@ html.phone .document-menu .list-block .item-link {
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
} }
.container-edit-comment .navbar,
.container-add-reply .navbar {
background-color: #FFFFFF;
color: #000;
}
.container-edit-comment .navbar:after, .container-edit-comment .navbar:after,
.container-add-reply .navbar:after { .container-add-reply .navbar:after {
content: ''; content: '';
@ -7081,11 +7072,6 @@ i.icon.icon-next-comment {
height: 24px; height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
} }
i.icon.icon-close-comment {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.6)%22%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-done-comment { i.icon.icon-done-comment {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -7196,6 +7182,11 @@ i.icon.icon-link {
height: 24px; height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
} }
.navbar i.icon.icon-close-comment {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.sailfish i.icon.icon-text-align-center { .sailfish i.icon.icon-text-align-center {
background-color: transparent; background-color: transparent;
-webkit-mask-image: none; -webkit-mask-image: none;

10
apps/presentationeditor/mobile/resources/less/material/_icons.less
View file

@ -416,11 +416,6 @@ i.icon {
height: 24px; height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
} }
&.icon-close-comment {
width: 24px;
height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="rgba(0, 0, 0, 0.6)"/></svg>');
}
&.icon-done-comment { &.icon-done-comment {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -536,5 +531,10 @@ i.icon {
height: 24px; height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
} }
&.icon-close-comment {
width: 24px;
height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
}
} }
} }

2
apps/spreadsheeteditor/mobile/app/controller/Main.js
View file

@ -526,7 +526,7 @@ define([
this.api.asc_setZoom(zf>0 ? zf : 1); this.api.asc_setZoom(zf>0 ? zf : 1);
/** coauthoring begin **/ /** coauthoring begin **/
this.isLiveCommenting = Common.localStorage.getBool("sse-settings-livecomment", true); this.isLiveCommenting = Common.localStorage.getBool("sse-mobile-settings-livecomment", true);
var resolved = Common.localStorage.getBool("sse-settings-resolvedcomment", true); var resolved = Common.localStorage.getBool("sse-settings-resolvedcomment", true);
this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments(); this.isLiveCommenting ? this.api.asc_showComments(resolved) : this.api.asc_hideComments();

6
apps/spreadsheeteditor/mobile/app/controller/Settings.js
View file

@ -595,7 +595,7 @@ define([
$r1c1Style.single('change', _.bind(me.clickR1C1Style, me)); $r1c1Style.single('change', _.bind(me.clickR1C1Style, me));
//init Commenting Display //init Commenting Display
var displayComments = Common.localStorage.getBool("sse-settings-livecomment", true); var displayComments = Common.localStorage.getBool("sse-mobile-settings-livecomment", true);
$('#settings-display-comments input:checkbox').attr('checked', displayComments); $('#settings-display-comments input:checkbox').attr('checked', displayComments);
$('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me)); $('#settings-display-comments input:checkbox').single('change', _.bind(me.onChangeDisplayComments, me));
var displayResolved = Common.localStorage.getBool("sse-settings-resolvedcomment", true); var displayResolved = Common.localStorage.getBool("sse-settings-resolvedcomment", true);
@ -619,11 +619,11 @@ define([
this.api.asc_showComments(resolved); this.api.asc_showComments(resolved);
$("#settings-display-resolved").removeClass("disabled"); $("#settings-display-resolved").removeClass("disabled");
} }
Common.localStorage.setBool("sse-settings-livecomment", displayComments); Common.localStorage.setBool("sse-mobile-settings-livecomment", displayComments);
}, },
onChangeDisplayResolved: function(e) { onChangeDisplayResolved: function(e) {
var displayComments = Common.localStorage.getBool("sse-settings-livecomment"); var displayComments = Common.localStorage.getBool("sse-mobile-settings-livecomment");
if (displayComments) { if (displayComments) {
var resolved = $(e.currentTarget).is(':checked'); var resolved = $(e.currentTarget).is(':checked');
if (this.api) { if (this.api) {

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

@ -6750,9 +6750,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
.settings.popover .list-block ul.list-reply:last-child:after { .settings.popover .list-block ul.list-reply:last-child:after {
display: none; display: none;
} }
.container-edit-comment .navbar {
background-color: #FFFFFF;
}
.container-edit-comment .page { .container-edit-comment .page {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@ -6923,9 +6920,6 @@ html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
} }
.container-add-reply .navbar {
background-color: #FFFFFF;
}
.container-add-reply .navbar a.link i + span { .container-add-reply .navbar a.link i + span {
margin-left: 0; margin-left: 0;
} }

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

@ -6397,10 +6397,6 @@ html.phone .document-menu .list-block .item-link {
.settings.popover .list-block ul.list-reply:last-child:after { .settings.popover .list-block ul.list-reply:last-child:after {
display: none; display: none;
} }
.container-edit-comment .navbar {
background-color: #FFFFFF;
color: #40865c;
}
.container-view-comment { .container-view-comment {
position: fixed; position: fixed;
-webkit-transition: height 100ms; -webkit-transition: height 100ms;
@ -6569,11 +6565,6 @@ html.phone .document-menu .list-block .item-link {
.container-add-reply { .container-add-reply {
height: 100%; height: 100%;
} }
.container-edit-comment .navbar,
.container-add-reply .navbar {
background-color: #FFFFFF;
color: #000;
}
.container-edit-comment .navbar:after, .container-edit-comment .navbar:after,
.container-add-reply .navbar:after { .container-add-reply .navbar:after {
content: ''; content: '';
@ -7075,11 +7066,6 @@ i.icon.icon-next-comment {
height: 24px; height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%2340865c%22%2F%3E%3C%2Fsvg%3E");
} }
i.icon.icon-close-comment {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%200.6)%22%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-done-comment { i.icon.icon-done-comment {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -7180,6 +7166,11 @@ i.icon.icon-done-comment-white {
height: 24px; height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
} }
.navbar i.icon.icon-close-comment {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.chart-types .thumb.bar-normal { .chart-types .thumb.bar-normal {
background-image: url('../img/charts/chart-03.png'); background-image: url('../img/charts/chart-03.png');
} }

10
apps/spreadsheeteditor/mobile/resources/less/material/_icons.less
View file

@ -368,11 +368,6 @@ i.icon {
height: 24px; height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
} }
&.icon-close-comment {
width: 24px;
height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="rgba(0, 0, 0, 0.6)"/></svg>');
}
&.icon-done-comment { &.icon-done-comment {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -478,6 +473,11 @@ i.icon {
height: 24px; height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
} }
&.icon-close-comment {
width: 24px;
height: 24px;
.encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
}
} }
} }