From: Colin Watson <cjwatson@debian.org>
Date: Tue, 1 Oct 2024 20:37:30 +0000 (+0100)
Subject: Add some more comments CSS
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=a173317231ca129fb7332d7c0d550fded369711f;p=blog.git

Add some more comments CSS
---

diff --git a/static/tweaks.css b/static/tweaks.css
index 017d69ec..b928092d 100644
--- a/static/tweaks.css
+++ b/static/tweaks.css
@@ -80,3 +80,32 @@ section#comments .comment main p:first-child {
 section#comments .comment main p:last-child {
         margin-bottom: 0;
 }
+
+section#comments .comment footer {
+        font-size: smaller;
+        opacity: 0.9;
+        grid-area: interactions;
+}
+
+section#comments .comment footer .faves {
+        color: inherit;
+        text-decoration: none;
+}
+
+section#comments .comment footer .faves:hover {
+        opacity: 0.8;
+}
+
+section#comments .comment footer .faves::before {
+        color: red;
+        content: "♥";
+        font-size: 1rem;
+        margin-inline-end: 0.25em;
+}
+
+section#comments .comment .emoji {
+        display: inline;
+        height: 1.25em;
+        vertical-align: middle;
+        width: 1.25em;
+}