fix firefox bug and make a setting out of it

src/webpage/localuser.ts

@@ -457,6 +457,13 @@ class Localuser {
 		}
 
 		this.pingEndpoint();
+		const prefs = await getPreferences();
+		const ml = document.getElementById("memberlisttoggle")!;
+		if (prefs.checkMemberList) {
+			ml.classList = "";
+		} else {
+			ml.classList = "svgicon svg-friends";
+		}
 	}
 	readonly inrelation = new Set<User>();
 	outoffocus(): void {
@@ -3119,6 +3126,22 @@ class Localuser {
 					{initState: cur},
 				);
 			}
+			visuals.addCheckboxInput(
+				I18n.checkBoxMemberList(),
+				(c) => {
+					prefs.checkMemberList = c;
+					const ml = document.getElementById("memberlisttoggle")!;
+					if (c) {
+						ml.classList = "";
+					} else {
+						ml.classList = "svgicon svg-friends";
+					}
+					setPreferences(prefs);
+				},
+				{
+					initState: !!prefs.checkMemberList,
+				},
+			);
 		}
 		{
 			const animations = settings.addButton(I18n.accessibility.animations(), {contained: true});

src/webpage/style.css

@@ -3353,6 +3353,11 @@ img.bigembedimg {
 	opacity: 0.5;
 }
 #memberlisttoggle {
+	width: 24px;
+	height: 24px;
+	cursor: pointer;
+}
+#memberlisttoggle.svgicon {
 	/* display: none; */
 	&::before {
 		content: "";
@@ -3361,13 +3366,13 @@ img.bigembedimg {
 		display: block;
 	}
 }
-#memberlisttoggle {
-	cursor: pointer;
+#memberlisttoggle.svgicon {
+	-moz-appearance: initial;
 	&::before {
 		background: var(--primary-text-soft);
 	}
 }
-#memberlisttoggle:checked {
+#memberlisttoggle.svgicon:checked {
 	&::before {
 		background: var(--primary-text-prominent);
 	}

src/webpage/utils/storage/userPreferences.ts

@@ -34,6 +34,7 @@ export class UserPreferences {
 	theme: ThemeOption = ThemeOption.Dark;
 	accentColor: string = "#5865F2";
 	emojiFont?: string;
+	checkMemberList = false;
 
 	constructor(init?: Partial<UserPreferences>) {
 		Object.assign(this, init);

translations/en.json

@@ -822,6 +822,7 @@
 	},
 	"remove": "Remove",
 	"renderJoinAvatars": " Display avatars in member welcome messages: ",
+	"checkBoxMemberList":"Use a checkbox for the member list: ",
 	"reply": "Reply",
 	"replyingTo": "Replying to $1",
 	"retrying": "Retrying...",