diff --git a/app/assets/stylesheets/moderation_actions.scss b/app/assets/stylesheets/moderation_actions.scss index c73206718..f3a00d662 100644 --- a/app/assets/stylesheets/moderation_actions.scss +++ b/app/assets/stylesheets/moderation_actions.scss @@ -7,4 +7,30 @@ button { @include link; } + + @mixin separator { + content: ""; + display: inline-block; + margin: 0 0.3em; + vertical-align: middle; + } + + > * + *::before { + @include separator; + background: currentcolor; + height: 1em; + opacity: 0.5; + width: 1px; + } + + .comment & { + > *::before { + @include separator; + background: $text-light; + border-radius: 100%; + opacity: 1; + height: 0.25em; + width: 0.25em; + } + } } diff --git a/app/components/shared/moderation_actions_component.html.erb b/app/components/shared/moderation_actions_component.html.erb index c56a95e74..9f6fc1346 100644 --- a/app/components/shared/moderation_actions_component.html.erb +++ b/app/components/shared/moderation_actions_component.html.erb @@ -11,8 +11,6 @@ <% end %> <% if can? :hide, author %> - <%= raw separator %> - <%= render Admin::ActionComponent.new( :block_author, author, diff --git a/app/components/shared/moderation_actions_component.rb b/app/components/shared/moderation_actions_component.rb index 2207e340d..f9f287e09 100644 --- a/app/components/shared/moderation_actions_component.rb +++ b/app/components/shared/moderation_actions_component.rb @@ -19,12 +19,4 @@ class Shared::ModerationActionsComponent < ApplicationComponent def hide_path polymorphic_path([:moderation, record], action: :hide) end - - def separator - if record.is_a?(Comment) - " • " - else - " | " - end - end end diff --git a/app/views/comments/_actions.html.erb b/app/views/comments/_actions.html.erb index 4710f2931..7780d9167 100644 --- a/app/views/comments/_actions.html.erb +++ b/app/views/comments/_actions.html.erb @@ -3,8 +3,8 @@ <% if can?(:hide, comment) || can?(:hide, comment.user) %> -  •  <% if comment.author == current_user %> +  •  <%= link_to t("comments.actions.delete"), hide_comment_path(comment), method: :put, remote: true, class: "delete-comment",