Add nick-caret class

untitaker · emersion · commit 513cf825a53f · 2025-01-27T12:25:26.000Z
I'd like to apply a userstyle to this text, and in order to do that I need a CSS class.
Co-authored-by: Markus Unterwaditzer &lt;markus-tarpit+git@unterwaditzer.net&gt;
Co-committed-by: Markus Unterwaditzer &lt;markus-tarpit+git@unterwaditzer.net&gt;
diff --git a/components/buffer.js b/components/buffer.js
@@ -146,9 +146,10 @@ class LogLine extends Component {
 				lineClass = "talk";
 				let prefix = "<", suffix = ">";
 				if (msg.command === "NOTICE") {
+					lineClass += " notice";
 					prefix = suffix = "-";
 				}
-				content = html`${prefix}${createNick(msg.prefix.name)}${suffix} ${linkify(stripANSI(text), onChannelClick)}`;
+				content = html`<span class="nick-caret">${prefix}</span>${createNick(msg.prefix.name)}<span class="nick-caret">${suffix}</span> ${linkify(stripANSI(text), onChannelClick)}`;
 			}
 
 			let allowedPrefixes = server.statusMsg;

Original file line number	Diff line number	Diff line change
`@@ -146,9 +146,10 @@ class LogLine extends Component {`
`146`	`146`	`lineClass = "talk";`
`147`	`147`	`let prefix = "<", suffix = ">";`
`148`	`148`	`if (msg.command === "NOTICE") {`
	`149`	`+ lineClass += " notice";`
`149`	`150`	`prefix = suffix = "-";`
`150`	`151`	`}`
`151`		- content = html`${prefix}${createNick(msg.prefix.name)}${suffix} ${linkify(stripANSI(text), onChannelClick)}`;
	`152`	+ content = html`<span class="nick-caret">${prefix}</span>${createNick(msg.prefix.name)}<span class="nick-caret">${suffix}</span> ${linkify(stripANSI(text), onChannelClick)}`;
`152`	`153`	`}`
`153`	`154`
`154`	`155`	`let allowedPrefixes = server.statusMsg;`