diff --git a/app/game-frontend/e2e/mainNavigation.spec.ts b/app/game-frontend/e2e/mainNavigation.spec.ts index a266b5df..568d06c9 100644 --- a/app/game-frontend/e2e/mainNavigation.spec.ts +++ b/app/game-frontend/e2e/mainNavigation.spec.ts @@ -4180,6 +4180,8 @@ test('all main Lumen button families share the rounded pressed geometry', async return { top: rect.top, bottom: rect.bottom, + width: rect.width, + parentWidth: element.parentElement?.getBoundingClientRect().width ?? 0, height: rect.height, marginTop: style.marginTop, borderTop: style.borderTopWidth, @@ -4212,6 +4214,9 @@ test('all main Lumen button families share the rounded pressed geometry', async radius: expectedGeometry?.radius ?? '5.25px', filter: 'none', }); + if (label === '당기기' || label === '미루기') { + expect(base.width, `${label} fills its menu column`).toBeCloseTo(base.parentWidth, 2); + } await control.focus(); await expect(control, `${label} keyboard focus`).toBeFocused(); diff --git a/app/game-frontend/src/components/command/ReservedCommandEditor.vue b/app/game-frontend/src/components/command/ReservedCommandEditor.vue index 2ccd0f22..028ac2e3 100644 --- a/app/game-frontend/src/components/command/ReservedCommandEditor.vue +++ b/app/game-frontend/src/components/command/ReservedCommandEditor.vue @@ -1098,6 +1098,9 @@ const clickOutsideMenu = (event: Event) => { gap: 4px; padding-top: 3px; } +.bottom-shift-menu > summary { + width: 100%; +} .command-picker { position: absolute; z-index: 80;