Merge c8421194b8 into 0e4b6d1dad

CHANGELOG.md

@@ -11,6 +11,7 @@
 - Enhance: コントロールパネル内のファイル一覧でセンシティブなファイルを区別しやすく
 - Fix: サーバーメトリクスが2つ以上あるとリロード直後の表示がおかしくなる問題を修正
 - Fix: 月の違う同じ日はセパレータが表示されないのを修正
+- Fix: アカウントがbotになっているときに二段階認証設定ダイアログの上にbotアカウントの注意書きが表示される問題を修正
 
 ### Server
 - Fix: アンテナの書き込み時にキーワードが与えられなかった場合のエラーをApiErrorとして投げるように

packages/frontend/src/components/MkModal.vue

@@ -68,7 +68,7 @@ const props = withDefaults(defineProps<{
 	anchor?: { x: string; y: string; };
 	src?: HTMLElement | null;
 	preferType?: ModalTypes | 'auto';
-	zPriority?: 'low' | 'middle' | 'high';
+	zPriority?: os.ZPriority;
 	noOverlap?: boolean;
 	transparentBg?: boolean;
 	hasInteractionWithOtherFocusTrappedEls?: boolean;

packages/frontend/src/os.ts

@@ -145,7 +145,10 @@ const zIndexes = {
 	middle: 2000000,
 	high: 3000000,
 };
-export function claimZIndex(priority: keyof typeof zIndexes = 'low'): number {
+
+export type ZPriority = keyof typeof zIndexes;
+
+export function claimZIndex(priority: ZPriority = 'low'): number {
 	zIndexes[priority] += 100;
 	return zIndexes[priority];
 }

packages/frontend/src/ui/_common_/common.vue

@@ -39,9 +39,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <div v-if="pendingApiRequestsCount > 0" id="wait"></div>
 
-<div v-if="dev" id="devTicker"><span>DEV BUILD</span></div>
+<div id="envTicker">
+	<div>
+		<div v-if="$i && $i.isBot">{{ i18n.ts.loggedInAsBot }}</div>
+		<div v-if="dev">DEV BUILD</div>
+	</div>
+</div>
 
-<div v-if="$i && $i.isBot" id="botWarn"><span>{{ i18n.ts.loggedInAsBot }}</span></div>
 </template>
 
 <script lang="ts" setup>
@@ -241,30 +245,7 @@ if ($i) {
 	}
 }
 
-#botWarn {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	margin: auto;
-	width: 100%;
-	height: max-content;
-	text-align: center;
-	z-index: 2147483647;
-	color: #ff0;
-	background: rgba(0, 0, 0, 0.5);
-	padding: 4px 7px;
-	font-size: 14px;
-	pointer-events: none;
-	user-select: none;
-
-	> span {
-		animation: dev-ticker-blink 2s infinite;
-	}
-}
-
-#devTicker {
+#envTicker {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -272,11 +253,11 @@ if ($i) {
 	color: #ff0;
 	background: rgba(0, 0, 0, 0.5);
 	padding: 4px 5px;
-	font-size: 14px;
+	border-bottom-right-radius: 6px;
 	pointer-events: none;
 	user-select: none;
 
-	> span {
+	> div {
 		animation: dev-ticker-blink 2s infinite;
 	}
 }