feat(friendly): 모바일 환경의 플로팅 네비게이션 버튼에서 아이콘 장식 표시 여부를 선택할 수 있음

CHANGELOG_CHERRYPICK.md

@@ -37,6 +37,8 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 - Change: 프로필과 노트를 번역할 때 nyaize를 사용하지 않음
 
 ### Client
+- Feat: (Friendly) 모바일 환경의 플로팅 네비게이션 버튼에서 아이콘 장식 표시 여부를 선택할 수 있음
+  - 시인성 문제로 기본적으로 비활성화 상태임
 - Feat: 본문 미리보기의 프로필을 표시하지 않도록 설정할 수 있음
 - Feat: 이모티콘 피커의 카테고리를 다중 계층 폴더로 분류할 수 있음 (misskey-dev/misskey#12132)
 - Feat: 열람 주의로 설정된 미디어를 두 번 탭 하여 표시하도록 할 수 있음 #392

locales/en-US.yml

@@ -1318,6 +1318,7 @@ _cherrypick:
   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."
+  friendlyShowAvatarDecorationsInNavBtn: "Show avatar decorations on floating buttons"
 _bannerDisplay:
   all: "All"
   topBottom: "Top and Bottom"

locales/index.d.ts

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

locales/ja-JP.yml

@@ -1327,6 +1327,7 @@ _cherrypick:
   renameTheButtonInPostFormToNya: "ノート作成画面の「ノート」ボタンを「にゃ！」に変更する"
   renameTheButtonInPostFormToNyaDescription: "にゃあにゃんにゃんにゃんにゃにゃん？"
   enableLongPressOpenAccountMenu: "長押しでアカウントメニューを開く"
+  friendlyShowAvatarDecorationsInNavBtn: "フローティングボタンにアイコンのデコレーションを表示"
 
 _bannerDisplay:
   all: "全て"

locales/ko-KR.yml

@@ -1306,6 +1306,7 @@ _cherrypick:
   renameTheButtonInPostFormToNya: "노트 작성 화면의 '노트' 버튼을 '냥!'으로 변경"
   renameTheButtonInPostFormToNyaDescription: "냐앙냥냥냥냐냥?"
   enableLongPressOpenAccountMenu: "길게 눌러 계정 메뉴 열기"
+  friendlyShowAvatarDecorationsInNavBtn: "플로팅 버튼에 아이콘 장식 표시"
 _bannerDisplay:
   all: "전부"
   topBottom: "상단 및 하단"

packages/frontend/src/components/global/CPAvatar-Friendly.vue

@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		@touchend="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = false : ''"
 	/>
 	<img
-		v-if="showDecoration && (decoration || user.avatarDecorations.length > 0)"
+		v-if="showDecoration && (decoration || user.avatarDecorations.length > 0) && defaultStore.state.friendlyShowAvatarDecorationsInNavBtn"
 		:class="[$style.decoration]"
 		:src="decoration?.url ?? user.avatarDecorations[0].url"
 		:style="{

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

@@ -65,6 +65,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<MkSwitch v-model="friendlyEnableNotifications">{{ i18n.ts.friendlyEnableNotifications }}</MkSwitch>
 			<MkSwitch v-model="friendlyEnableWidgets">{{ i18n.ts.friendlyEnableWidgets }}</MkSwitch>
 			<MkSwitch v-model="enableLongPressOpenAccountMenu">{{ i18n.ts._cherrypick.enableLongPressOpenAccountMenu }}</MkSwitch>
+			<MkSwitch v-model="friendlyShowAvatarDecorationsInNavBtn">{{ i18n.ts._cherrypick.friendlyShowAvatarDecorationsInNavBtn }}</MkSwitch>
 		</div>
 	</FormSection>
 </div>
@@ -103,6 +104,7 @@ const renameTheButtonInPostFormToNya = computed(defaultStore.makeGetterSetter('r
 const friendlyEnableNotifications = computed(defaultStore.makeGetterSetter('friendlyEnableNotifications'));
 const friendlyEnableWidgets = computed(defaultStore.makeGetterSetter('friendlyEnableWidgets'));
 const enableLongPressOpenAccountMenu = computed(defaultStore.makeGetterSetter('enableLongPressOpenAccountMenu'));
+const friendlyShowAvatarDecorationsInNavBtn = computed(defaultStore.makeGetterSetter('friendlyShowAvatarDecorationsInNavBtn'));
 
 watch([
 	reactableRemoteReactionEnabled,

packages/frontend/src/store.ts

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