Privately remind users not to leave 👍 and 👎 as comments (refined-github#1231)

fregante · web-flow · commit fbb5d95ba630 · 2018-04-20T16:09:36.000+07:00
diff --git a/package.json b/package.json
@@ -112,6 +112,7 @@
 	"stylelint": {
 		"extends": "stylelint-config-xo",
 		"rules": {
+			"selector-type-no-unknown": null,
 			"declaration-no-important": null,
 			"property-no-vendor-prefix": null,
 			"no-descending-specificity": null,
diff --git a/source/content.css b/source/content.css
@@ -40,6 +40,23 @@
 	margin: 0;
 }
 
+/* Privately remind users to use Reactions for +1/-1 voting */
+.current-user .comment-body > p:only-child > g-emoji[alias='+1']:only-child,
+.current-user .comment-body > p:only-child > g-emoji[alias='-1']:only-child {
+	display: flex;
+	flex-direction: column;
+	text-align: center;
+	padding: 3em;
+	font-size: 4em;
+}
+.current-user .comment-body > p:only-child > g-emoji[alias='+1']:only-child::after,
+.current-user .comment-body > p:only-child > g-emoji[alias='-1']:only-child::after {
+	content: 'This should be posted as a reaction, not as a comment.';
+	font-family: sans-serif;
+	margin-top: 2em;
+	font-size: 20px;
+}
+
 /* Remove the toolbar from the right repo box on the dashboard */
 .dashboard-sidebar .user-repos > h3,
 .dashboard-sidebar .user-repos > .boxed-group-action {
