web/timeline: highlight inline code (#524)

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)

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) ||

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;

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;
 	}