From 2551540e9951c7b50da6083ae5233b84ee569140 Mon Sep 17 00:00:00 2001
From: Sumner Evans <me@sumnerevans.com>
Date: Wed, 20 Nov 2024 16:05:28 -0700
Subject: [PATCH] web/timeline: highlight inline code (#524)

---
 pkg/hicli/html.go                     | 2 ++
 pkg/hicli/sync.go                     | 2 +-
 web/src/index.css                     | 4 ++++
 web/src/ui/timeline/content/index.css | 6 ++++++
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/pkg/hicli/html.go b/pkg/hicli/html.go
index 8eaedb1..f154a62 100644
--- a/pkg/hicli/html.go
+++ b/pkg/hicli/html.go
@@ -560,6 +560,8 @@ Loop:
 				} else {
 					writeSpan(&built, token.Attr)
 				}
+			case atom.Code:
+				built.WriteString(`<code class="hicli-inline-code"`)
 			default:
 				built.WriteByte('<')
 				built.WriteString(token.Data)
diff --git a/pkg/hicli/sync.go b/pkg/hicli/sync.go
index 44a4c91..b4aa257 100644
--- a/pkg/hicli/sync.go
+++ b/pkg/hicli/sync.go
@@ -453,7 +453,7 @@ func (h *HiClient) calculateLocalContent(ctx context.Context, dbEvt *database.Ev
 	return nil, nil
 }
 
-const CurrentHTMLSanitizerVersion = 7
+const CurrentHTMLSanitizerVersion = 8
 
 func (h *HiClient) ReprocessExistingEvent(ctx context.Context, evt *database.Event) {
 	if (evt.Type != event.EventMessage.Type && evt.DecryptedType != event.EventMessage.Type) ||
diff --git a/web/src/index.css b/web/src/index.css
index d729b49..523e3f4 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -11,6 +11,8 @@
 	--link-text-color: #0467dd;
 	--visited-link-text-color: var(--link-text-color);
 
+	--code-background-color: rgba(0, 0, 0, 0.15);
+
 	--primary-color: #00c853;
 	--primary-color-dark: #00b24a;
 	--error-color: red;
@@ -73,6 +75,8 @@
 		--semisecondary-text-color: #bbb;
 		--link-text-color: #4187eb;
 
+		--code-background-color: rgba(255, 255, 255, 0.1);
+
 		--primary-color: #00b24a;
 		--primary-color-dark: #00c853;
 		--error-color: red;
diff --git a/web/src/ui/timeline/content/index.css b/web/src/ui/timeline/content/index.css
index 895c116..685e8d7 100644
--- a/web/src/ui/timeline/content/index.css
+++ b/web/src/ui/timeline/content/index.css
@@ -142,6 +142,12 @@ div.html-body {
 		}
 	}
 
+	code.hicli-inline-code {
+		background-color: var(--code-background-color);
+		border-radius: .25rem;
+		padding: .125rem .25rem;
+	}
+
 	h1, h2, h3, h4, h5, h6 {
 		margin: 0 0 .5rem;
 	}