70706d0a62
* tooltips 1.0.1 * tooltips 1.0.1 * init * . * drop not needed files * . * init * init * . * comments * border * missing bits * build comment JS * . * . * specs * sloan avatar fix * bunch of fixes * specs and fixes * specs * . * swap order of links * contrast * js for dropdown * icons * op-author * three dots icon * reverts * test: capybara- make sure that we click the dropdown before clicking on edit * permalink --> link * tiny fixes * aria-label on form * proper alt on user's avatar * aria has popup * use UL > LI instead of DIV * add aria-labels to dropdown items * another aria-label * better links: nav * contrast Co-authored-by: Ridhwana <ridhwana.khan16@gmail.com>
30 lines
1.5 KiB
Text
30 lines
1.5 KiB
Text
<footer class="comment__footer">
|
|
<button
|
|
class="crayons-btn crayons-btn--ghost crayons-btn--icon-left crayons-btn--s mr-1 reaction-like inline-flex reaction-button"
|
|
id="button-for-comment-<%= comment.id %>"
|
|
data-comment-id="<%= comment.id %>"
|
|
title="heart">
|
|
<%= inline_svg_tag("small-heart.svg", aria: true, class: "crayons-icon reaction-icon not-reacted", title: "Favorite heart outline button") %>
|
|
<%= inline_svg_tag("small-heart-filled.svg", aria: true, class: "crayons-icon reaction-icon--like reaction-icon reacted", title: "Favorite heart outline button") %>
|
|
<span class="reactions-count hidden"></span>
|
|
<span class="reactions-label hidden m:inline-block">Like</span>
|
|
</button>
|
|
|
|
<% if comment.depth < 2 || is_childless %>
|
|
<a
|
|
class="actions crayons-btn crayons-btn--ghost crayons-btn--s crayons-btn--icon-left toggle-reply-form mr-1 inline-flex"
|
|
href="#<%= commentable.path %>/comments/new/<%= comment.id_code_generated %>"
|
|
data-comment-id="<%= comment.id %>"
|
|
data-path="<%= commentable.path %>/comments/<%= comment.id_code_generated %>"
|
|
rel="nofollow">
|
|
<%= inline_svg_tag("small-comment.svg", aria: true, class: "crayons-icon reaction-icon not-reacted", title: "Comment button") %>
|
|
<span class="hidden m:inline-block">Reply</span>
|
|
</a>
|
|
<% else %>
|
|
<span class="fs-s inline-flex items-center fs-italic color-base-50 pl-1">
|
|
<%= inline_svg_tag("small-thread.svg", aria: true, class: "crayons-icon", title: "Thread") %>
|
|
Thread
|
|
</span>
|
|
<% end %>
|
|
|
|
</footer>
|