message colapsing

Author: MathMan05

src/webpage/localuser.ts

@@ -85,7 +85,7 @@ class Localuser {
 		this.userinfo.localuserStore = e;
 	}
 	static users = getBulkUsers();
-	static async showAccountSwitcher(thisUser: Localuser): Promise<Localuser> {
+	static async showAccountSwitcher(thisUser: Localuser) {
 		const table = document.createElement("div");
 		table.classList.add("flexttb", "accountSwitcher");
 
@@ -281,6 +281,7 @@ class Localuser {
 	}
 	async gottenReady(ready: readyjson): Promise<void> {
 		await I18n.done;
+		document.body.style.setProperty("--view-rest", I18n.message.viewrest());
 		this.initialized = true;
 		this.ready = ready;
 		this.guilds = [];

src/webpage/message.ts

@@ -730,6 +730,13 @@ class Message extends SnowFlake {
 					messagedwrap.classList.add("flexttb");
 					messagedwrap.appendChild(messaged);
 				}
+				text.onclick = () => {
+					if (text.getBoundingClientRect().height > 950) {
+						const pop = new Dialog(I18n.message.fullMessage());
+						pop.float.options.addMDText(this.content);
+						pop.show();
+					}
+				};
 			}
 			text.appendChild(messagedwrap);
 			build.appendChild(text);

src/webpage/style.css

@@ -1736,6 +1736,24 @@ span.instanceStatus {
 	word-break: break-word;
 	gap: 4px;
 	width: 100%;
+	max-height: 1000px;
+	overflow: clip;
+	position: relative;
+}
+.commentrow::after {
+	content: "View rest";
+	position: absolute;
+	top: 960px;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	background: var(--secondary-bg);
+	padding: 10px;
+	border-radius: 4px;
+	text-align: center;
+	cursor: pointer;
+}
+.commentrow:hover::after {
+	background: var(--secondary-hover);
 }
 .fileinputdiv > div {
 	width: 64px;

translations/en.json

@@ -468,7 +468,9 @@
 		"deleted": "Deleted message",
 		"attached": "Sent an attachment",
 		"retry": "Resend errored message",
-		"pin": "$1 has pinned a message"
+		"pin": "$1 has pinned a message",
+		"viewrest": "View rest",
+		"fullMessage": "Full message:"
 	},
 	"instanceStats": {
 		"name": "Instance stats: $1",