Display messages with a highlight differently

This commit is contained in:
Simon Ser 2020-08-13 11:58:36 +02:00
parent 917b348992
commit 9cc44fbe98
No known key found for this signature in database
GPG key ID: 0FDE7BE0E88F5E48
3 changed files with 11 additions and 1 deletions

View file

@ -274,6 +274,8 @@ export default class App extends Component {
msg.key = messagesCount; msg.key = messagesCount;
messagesCount++; messagesCount++;
msg.isHighlight = irc.isHighlight(msg, this.client.nick);
if (!msg.tags) { if (!msg.tags) {
msg.tags = {}; msg.tags = {};
} }
@ -291,7 +293,7 @@ export default class App extends Component {
var text = msg.params[1]; var text = msg.params[1];
var kind; var kind;
if (irc.isHighlight(msg, this.client.nick)) { if (msg.isHighlight) {
msgUnread = Unread.HIGHLIGHT; msgUnread = Unread.HIGHLIGHT;
kind = "highlight"; kind = "highlight";
} else if (target == this.client.nick) { } else if (target == this.client.nick) {

View file

@ -70,6 +70,10 @@ class LogLine extends Component {
lineClass = "talk"; lineClass = "talk";
content = html`${"<"}${createNick(msg.prefix.name)}${">"} ${linkify(stripANSI(text))}`; content = html`${"<"}${createNick(msg.prefix.name)}${">"} ${linkify(stripANSI(text))}`;
} }
if (msg.isHighlight) {
lineClass += " highlight";
}
break; break;
case "JOIN": case "JOIN":
content = html` content = html`

View file

@ -186,6 +186,10 @@ details summary {
#buffer .me-tell { #buffer .me-tell {
color: #b37400; color: #b37400;
} }
#buffer .highlight .nick {
color: yellow;
background-color: #c700ff;
}
#buffer .nick-1 { #buffer .nick-1 {
color: #f25e0d; color: #f25e0d;
} }