mock: 「移し先…」セレクトの幅を固定する

閉じたセレクトの幅は最長の候補名で決まるため、キーを足すなどで候補が変わると
ツールバーが折り返し、キャンバスが縮んで全体表示がやり直されていた。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ShoEXYqi8PWTjB9E86Ltot
This commit is contained in:
2026-10-23 21:04:16 +09:00
co-authored by Claude Opus 5.5
parent a4eabe3691
commit 37ed6d5186
+5
View File
@@ -69,6 +69,7 @@ function addPart(e: Event) {
◇
</button>
<select
class="move-to"
aria-label="移し先…"
:disabled="mismatch || !selectedCount"
@change="emit('moveTo', ($event.target as HTMLSelectElement).value)"
@@ -113,4 +114,8 @@ function addPart(e: Event) {
.tools select {
font-size: 12px;
}
/* 候補の名前でセレクトの幅が変わると、ツールバーが折り返してキャンバスの大きさが変わる */
.tools select.move-to {
width: 6em;
}
</style>