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

[stylesheets] changed 'resolved' button in commnets

Browse source
This commit is contained in:
Maxim Kadushkin 2021-01-06 18:49:55 +03:00
parent 5f6956ac0f
commit 6d121415f2
4 changed files with 24 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/common/main/lib/template/Comments.template
View file

@ -69,11 +69,7 @@
<div class="btn-edit img-commonctrl"></div>
<div class="btn-delete img-commonctrl"></div>
<% } %>
<% if (resolved) { %>
<div class="btn-resolve-check img-commonctrl" data-toggle="tooltip"></div>
<% } else { %>
<div class="btn-resolve img-commonctrl" data-toggle="tooltip"></div>
<% } %>
<div class="btn-resolve <% if (resolved) print('comment-resolved') %>" data-toggle="tooltip"></div>
</div>
<% } %>

6
apps/common/main/lib/template/CommentsPopover.template
View file

@ -70,11 +70,7 @@
<div class="btn-edit img-commonctrl"></div>
<div class="btn-delete img-commonctrl"></div>
<% } %>
<% if (resolved) { %>
<div class="btn-resolve-check img-commonctrl" data-toggle="tooltip"></div>
<% } else { %>
<div class="btn-resolve img-commonctrl" data-toggle="tooltip"></div>
<% } %>
<div class="btn-resolve <% if (resolved) print('comment-resolved') %>" data-toggle="tooltip"></div>
</div>
<% } %>

3
apps/common/main/resources/less/colors-table.less
View file

@ -86,6 +86,8 @@
--image-border-types-filter: none;
--image-border-types-filter-selected: none;
--component-normal-icon-filter: none;
--comment-resolved-icon-color: green;
}
// Background
@ -152,3 +154,4 @@
@button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px);
@component-normal-icon-filer: var(--component-normal-icon-filter);
@comment-resolved-icon-color: var(--comment-resolved-icon-color);

20
apps/common/main/resources/less/comments.less
View file

@ -265,7 +265,25 @@
}
.btn-resolve {
background-position: -2px -253px;
position: relative;
&:after {
content: '';
position: absolute;
border: solid @text-normal;
border-width: 0 2px 2px 0;
transform: rotate(40deg);
width: 7px;
height: 12px;
left: 6px;
top: -2px;
}
&.comment-resolved {
&:after {
border-color: @comment-resolved-icon-color;
}
}
}
.btn-resolve-check {