From f81065314aaa5c210a4245e65469906b277c363e Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Sun, 5 Jan 2025 17:09:28 -0500
Subject: Stylize channel badges

---
 ui/styles/sidebar.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

(limited to 'ui/styles/sidebar.css')

diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css
index b10789f..695628c 100644
--- a/ui/styles/sidebar.css
+++ b/ui/styles/sidebar.css
@@ -3,6 +3,10 @@
   background-color: var(--colour-navbar-bg);
 }
 
+.list-nav a {
+  text-decoration: none;
+}
+
 .list-nav ul {
   padding: 0.5rem;
 }
@@ -51,4 +55,29 @@
   color: var(--colour-input-text);
 }
 
+.badge {
+  --dimensions: 1.25rem;
+  display: inline-block;
+
+  width: var(--dimensions);
+  height: var(--dimensions);
+  border-radius: var(--dimensions);
+  line-height: var(--dimensions);
+  text-align: center;
+}
+
+.badge.has-unreads {
+  /* TODO: Obvs this is a placeholder */
+  border: 1px solid mediumaquamarine;
+  background-color: lightgreen;
+  color: black;
+}
+
+.badge.has-no-unreads {
+  /* TODO: Obvs this is a placeholder */
+  border: 1px solid bisque;
+  background-color: antiquewhite;
+  color: black;
+}
+
 /* TODO: media-query stuff. Margin-left at a constant zero? */
-- 
cgit v1.2.3