Fix bio diff and fullscreen image click to close

src/app.css

@@ -334,6 +334,22 @@ i.x-status-icon.red {
     padding-top: 15px;
 }
 
+/* Bio diff */
+.x-text-removed {
+    text-decoration: line-through;
+    color: #ff0000;
+    background-color: rgba(255, 0, 0, 0.2);
+    padding: 2px 2px;
+    border-radius: 4px;
+}
+
+.x-text-added {
+    color: rgb(35, 188, 35);
+    background-color: rgba(76, 255, 80, 0.2);
+    padding: 2px 2px;
+    border-radius: 4px;
+}
+
 /*FIXME: this is a nasty temporary hack*/
 .force-pointer-on-hover a,
 .force-pointer-on-hover button,

src/components/FullscreenImagePreview.vue

@@ -1,15 +1,17 @@
 <template>
     <Dialog v-model:open="open">
         <DialogPortal :to="portalTo">
-            <RekaDialogOverlay class="fixed inset-0 bg-background/80 backdrop-blur-sm" @click="closeDialog" />
+            <RekaDialogOverlay class="fixed inset-0 bg-background/80 backdrop-blur-sm" />
 
             <RekaDialogContent
                 class="fixed inset-0 p-6 sm:p-10 border-0 bg-transparent shadow-none outline-none"
+                @click="closeDialog"
                 @open-auto-focus.prevent
                 @close-auto-focus.prevent>
                 <div ref="viewerEl" class="relative h-full w-full overflow-hidden select-none">
                     <!-- toolbar -->
                     <div
+                        @click.stop
                         class="absolute right-3 top-3 z-10 flex items-center gap-2 rounded-md bg-background/70 backdrop-blur px-2 py-1 border">
                         <Button
                             variant="ghost"
@@ -73,14 +75,13 @@
                         </Button>
                     </div>
 
-                    <div
+                    <div class="h-full w-full flex items-center justify-center" @wheel="onWheel">
-                        class="h-full w-full flex items-center justify-center"
-                        @wheel="onWheel"
-                        @pointerdown="onPointerDown"
-                        @pointermove="onPointerMove"
-                        @pointerup="onPointerUp"
-                        @pointercancel="onPointerUp">
                         <img
+                            @pointerdown="onPointerDown"
+                            @pointermove="onPointerMove"
+                            @pointerup="onPointerUp"
+                            @pointercancel="onPointerUp"
+                            @click.stop
                             v-if="imageUrl"
                             :src="imageUrl"
                             class="max-h-full max-w-full x-viewer-img"

src/components/dialogs/UserDialog/UserActionDropdown.vue

@@ -125,7 +125,7 @@
                     </DropdownMenuItem>
                     <DropdownMenuItem @click="onCommand('Pencil Note Memo')">
                         <Pencil class="size-4" />
-                        Pencil Note and Memo
+                        {{ t('dialog.user.actions.edit_note_memo') }}
                     </DropdownMenuItem>
                     <DropdownMenuSeparator />
                     <DropdownMenuItem @click="onCommand('Show Avatar Author')">

src/localization/en.json

@@ -421,7 +421,7 @@
             },
             "export": {
                 "header": "Export",
-                "export_notes": "Export User Notes",
+                "export_notes": "Export User Memos",
                 "export_notes_description": "Export VRCX user memos to VRChat notes",
                 "discord_names": "Discord Names",
                 "export_friend_list": "Export Friends List",
@@ -1006,7 +1006,8 @@
                 "report_hacking": "Report For Hacking",
                 "unfriend": "Unfriend",
                 "unfriend_success_msg": "Unfriended",
-                "logout": "Logout"
+                "logout": "Logout",
+                "edit_note_memo": "Edit Note and Memo"
             },
             "info": {
                 "header": "Info",

src/vr/Vr.vue

@@ -47,7 +47,6 @@
                                         <span class="name" v-text="feed.displayName"></span>
                                         <Check class="h-5 w-5" />
                                         <template v-if="feed.worldName">
-                                            <Loader2 v-if="feed.isTraveling" class="is-loading ml-5 h-4 w-4" />
                                             <VrLocation
                                                 :location="feed.location"
                                                 :hint="feed.worldName"
@@ -641,9 +640,6 @@
                                         <span style="margin-left: 5px; margin-right: 5px">has logged in</span>
                                         <template v-if="feed.worldName">
                                             to
-                                            <Loader2
-                                                v-if="feed.isTraveling"
-                                                class="is-loading ml-5 inline-block h-4 w-4" />
                                             <VrLocation
                                                 :location="feed.location"
                                                 :hint="feed.worldName"