mock: 「移し先…」セレクトの幅を固定する
閉じたセレクトの幅は最長の候補名で決まるため、キーを足すなどで候補が変わると ツールバーが折り返し、キャンバスが縮んで全体表示がやり直されていた。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ShoEXYqi8PWTjB9E86Ltot
This commit is contained in:
@@ -69,6 +69,7 @@ function addPart(e: Event) {
|
|||||||
◇
|
◇
|
||||||
</button>
|
</button>
|
||||||
<select
|
<select
|
||||||
|
class="move-to"
|
||||||
aria-label="移し先…"
|
aria-label="移し先…"
|
||||||
:disabled="mismatch || !selectedCount"
|
:disabled="mismatch || !selectedCount"
|
||||||
@change="emit('moveTo', ($event.target as HTMLSelectElement).value)"
|
@change="emit('moveTo', ($event.target as HTMLSelectElement).value)"
|
||||||
@@ -113,4 +114,8 @@ function addPart(e: Event) {
|
|||||||
.tools select {
|
.tools select {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
/* 候補の名前でセレクトの幅が変わると、ツールバーが折り返してキャンバスの大きさが変わる */
|
||||||
|
.tools select.move-to {
|
||||||
|
width: 6em;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user