fixes

src/webpage/channel.ts

@@ -572,11 +572,10 @@ class Channel extends SnowFlake {
 		if (!this.hasPermission("VIEW_CHANNEL")) {
 			return false;
 		}
+		const lastreadmessage = this.messages.get(this.lastreadmessageid as string);
 		return (
-			Boolean(this.lastmessageid) &&
-			(!this.lastreadmessageid ||
-				SnowFlake.stringToUnixTime(this.lastmessageid as string) >
-					SnowFlake.stringToUnixTime(this.lastreadmessageid)) &&
+			!!this.lastmessage &&
+			(!lastreadmessage || this.lastmessage.timestamp > lastreadmessage.timestamp) &&
 			this.type !== 4
 		);
 	}

src/webpage/markdown.ts

@@ -983,6 +983,12 @@ class MarkDown {
 				return;
 			}
 			elm.onmouseup = (_) => {
+				let parent: HTMLElement | null = elm;
+				while (parent) {
+					if (parent.classList.contains("unspoiled")) break;
+					if (parent.classList.contains("spoiler")) return;
+					parent = parent.parentElement;
+				}
 				if (_.button === 2) return;
 				console.log(":3");
 				function open() {

src/webpage/style.css

@@ -2027,10 +2027,10 @@ span.instanceStatus {
 }
 .spoiler {
 	background: var(--spoiler-bg);
-	color: var(--spoiler-bg) !important;
+	color: var(--spoiler-bg);
 	cursor: pointer;
 	a {
-		color: var(--spoiler-bg) !important;
+		color: var(--spoiler-bg);
 	}
 }
 .spoiler:hover {
@@ -2040,6 +2040,9 @@ span.instanceStatus {
 .unspoiled {
 	color: var(--spoiler-text);
 }
+a.unspoiled {
+	color: var(--link) !important;
+}
 .quote {
 	display: inline-block;
 	position: relative;