aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 4d71435..4eceb98 100644
--- a/src/style.css
+++ b/src/style.css
@@ -533,6 +533,17 @@ hr.divider { margin: 16px 0; }
/* Profile note feed: inline images stay contained, links wrap. */
.note-img { display: block; max-width: 100%; max-height: 320px; border-radius: 10px; margin-top: 6px; object-fit: contain; }
.note-img.clickable { cursor: zoom-in; }
+/* The row under a post: like, boost, quote. Quiet until they carry a count
+ or you've used one, the way a timeline should read. */
+.note-acts { margin-top: 6px; }
+.note-act {
+ background: none; border: 0; padding: 2px 0; margin: 0; font-size: 14px; line-height: 1;
+ color: var(--faint); display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
+}
+.note-act:hover { background: none; color: var(--ink); }
+.note-act.on { color: #e0245e; }
+.note-act.on[title="Boost"], .note-act.on[aria-label="Boost"] { color: var(--green); }
+.note-act-n { font-size: 12px; font-weight: 600; color: var(--muted); }
/* The attach button sits between Post and Cancel: a square the size of the
buttons beside it, not the sliver a .btn-sm made of a 20px icon. */
.attach-btn {