feat(friendly): 長押しでアカウントメニューを表示するオプションを無効にすることができる

CHANGELOG_CHERRYPICK.md

@@ -46,6 +46,7 @@
 - Enhance: 메모리 할당자를 jemalloc으로 설정 (MisskeyIO/misskey#152)
 
 ### Client
+- Feat: (Friendly) 길게 눌러 계정 메뉴를 표시하는 옵션을 비활성화 할 수 있음
 - Feat: about-misskey 페이지에서 클라이언트 버전을 누르면 변경 사항을 볼 수 있음
 - Feat: 이미지 압축 방식을 선택할 수 있음
   - 사이즈 변경 여부를 선택할 수 있음

locales/en-US.yml

@@ -1246,6 +1246,7 @@ _cherrypick:
   mobileHeaderChange: "Header design change in mobile environment"
   renameTheButtonInPostFormToNya: "Change the \"Note\" button on the note-posting form to \"Nyan!\""
   renameTheButtonInPostFormToNyaDescription: "Outside of the note-posting form, they are still as \"Note\"."
+  enableLongPressOpenAccountMenu: "Press and hold to open the account menu."
 _bannerDisplay:
   all: "All"
   topBottom: "Top and Bottom"

locales/index.d.ts

@@ -1255,6 +1255,7 @@ export interface Locale {
         "mobileHeaderChange": string;
         "renameTheButtonInPostFormToNya": string;
         "renameTheButtonInPostFormToNyaDescription": string;
+        "enableLongPressOpenAccountMenu": string;
     };
     "_bannerDisplay": {
         "all": string;

locales/ja-JP.yml

@@ -1252,6 +1252,7 @@ _cherrypick:
   mobileHeaderChange: "モバイル環境でヘッダーのデザインを変更"
   renameTheButtonInPostFormToNya: "ノート作成画面の「ノート」ボタンを「にゃ！」に変更する"
   renameTheButtonInPostFormToNyaDescription: "にゃあにゃんにゃんにゃんにゃにゃん？"
+  enableLongPressOpenAccountMenu: "長押しでアカウントメニューを開く"
 
 _bannerDisplay:
   all: "全て"

locales/ko-KR.yml

@@ -1235,6 +1235,7 @@ _cherrypick:
   mobileHeaderChange: "모바일 환경에서 헤더 디자인을 변경"
   renameTheButtonInPostFormToNya: "노트 작성 화면의 '노트' 버튼을 '냥!'으로 변경"
   renameTheButtonInPostFormToNyaDescription: "냐앙냥냥냥냐냥?"
+  enableLongPressOpenAccountMenu: "길게 눌러 계정 메뉴 열기"
 _bannerDisplay:
   all: "전부"
   topBottom: "상단 및 하단"

packages/frontend/src/pages/settings/cherrypick.vue

@@ -43,6 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			</div>
 		</div>
 	</FormSection>
+
 	<FormSection>
 		<template #label>{{ i18n.ts._cherrypick.patch }}</template>
 		<div class="_gaps_m">
@@ -57,6 +58,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 			</MkSwitch>
 		</div>
 	</FormSection>
+
+	<FormSection>
+		<template #label>Friendly UI</template>
+		<div class="_gaps_m">
+			<MkSwitch v-model="enableLongPressOpenAccountMenu">{{ i18n.ts._cherrypick.enableLongPressOpenAccountMenu }}</MkSwitch>
+		</div>
+	</FormSection>
 </div>
 </template>
 
@@ -90,6 +98,7 @@ const showFollowingMessageInsteadOfButtonEnabled = computed(defaultStore.makeGet
 const mobileHeaderChange = computed(defaultStore.makeGetterSetter('mobileHeaderChange'));
 const displayHeaderNavBarWhenScroll = computed(defaultStore.makeGetterSetter('displayHeaderNavBarWhenScroll'));
 const renameTheButtonInPostFormToNya = computed(defaultStore.makeGetterSetter('renameTheButtonInPostFormToNya'));
+const enableLongPressOpenAccountMenu = computed(defaultStore.makeGetterSetter('enableLongPressOpenAccountMenu'));
 
 watch([
 	reactableRemoteReactionEnabled,

packages/frontend/src/store.ts

@@ -533,6 +533,10 @@ export const defaultStore = markRaw(new Storage('base', {
 		where: 'account',
 		default: false,
 	},
+	enableLongPressOpenAccountMenu: {
+		where: 'device',
+		default: true,
+	},
 
 	// - etc
 	friendlyEnableNotifications: {

packages/frontend/src/ui/friendly.vue

@@ -300,14 +300,16 @@ function queueUpdated(q: number): void {
 }
 
 function openAccountMenu(ev: MouseEvent) {
-	longTouchNavHome = true;
-	setTimeout(() => {
-		if (longTouchNavHome === true) {
-			openAccountMenu_({
-				withExtraOperationFriendly: true,
-			}, ev);
-		}
-	}, 500);
+	if (defaultStore.state.enableLongPressOpenAccountMenu) {
+		longTouchNavHome = true;
+		setTimeout(() => {
+			if (longTouchNavHome === true) {
+				openAccountMenu_({
+					withExtraOperationFriendly: true,
+				}, ev);
+			}
+		}, 500);
+	}
 }
 
 function closeAccountMenu() {