ssb: Add some more visibility that you're above the unread line. #122
Some checks failed
Build Tilde Friends / Build-All (push) Has been cancelled

This commit is contained in:
Cory McWilliams 2025-06-02 21:24:03 -04:00
parent 9b11c2c629
commit 8ae10dc80b
2 changed files with 18 additions and 4 deletions

View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🦀", "emoji": "🦀",
"previous": "&klcMVQ9g0ielAoM3WjHRnyWQs4rs8fxmy6PbXIaK2ZU=.sha256" "previous": "&QGHSmapZNOzNQYbH9qUA5RPoqLhHZ1zFDMkOlKixrbQ=.sha256"
} }

View File

@ -1,4 +1,11 @@
import {LitElement, html, repeat, render, unsafeHTML} from './lit-all.min.js'; import {
LitElement,
css,
html,
repeat,
render,
unsafeHTML,
} from './lit-all.min.js';
import * as tfrpc from '/static/tfrpc.js'; import * as tfrpc from '/static/tfrpc.js';
import * as tfutils from './tf-utils.js'; import * as tfutils from './tf-utils.js';
import * as emojis from './emojis.js'; import * as emojis from './emojis.js';
@ -20,7 +27,14 @@ class TfMessageElement extends LitElement {
}; };
} }
static styles = styles; static styles = [
...styles,
css`
.unread {
border-left: 2px solid red !important;
}
`,
];
constructor() { constructor() {
super(); super();
@ -408,7 +422,7 @@ class TfMessageElement extends LitElement {
return this.message?.decrypted return this.message?.decrypted
? 'w3-pale-red' ? 'w3-pale-red'
: this.message?.rowid >= this.channel_unread : this.message?.rowid >= this.channel_unread
? 'w3-theme-d2' ? 'w3-theme-d2 unread'
: 'w3-theme-d4'; : 'w3-theme-d4';
} }