comments: refactor to use ViewComponent.

2021-01-14 19:26:31 -06:00
parent d408ccbd41
commit 724d87f68a
9 changed files with 129 additions and 106 deletions
--- a/app/components/comment_component/comment_component.scss
+++ b/app/components/comment_component/comment_component.scss
@@ -0,0 +1,31 @@
+article.comment {
+  flex: 1;
+
+  &[data-is-sticky="true"] {
+    background: var(--comment-sticky-background-color);
+  }
+
+  &[data-is-reported="true"] {
+    border: var(--moderation-report-border);
+  }
+
+  &[data-is-voted="true"] {
+    .comment-vote-up-link, .comment-vote-down-link {
+      display: none;
+    }
+  }
+
+  &[data-is-voted="false"] {
+    .comment-unvote-link {
+      display: none;
+    }
+  }
+
+  &[data-below-threshold="true"][data-is-sticky="false"] {
+    opacity: 0.3;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+}