Yif
9e62c1c229
The responsive change had moved `.pageIntro` off flex, which put the information icon 1.06px off the subtitle's vertical centre and failed the existing geometry assertion in `plugin-manager.e2e.ts`. Restore the flex row and the button's `flex: none`, which keeps the 4px gap and the centring. The header still wraps its action group onto another line, which is what this change is for. Pin the wrap threshold in both header scenarios. Each records whether the action group sits beside or below the heading, the plugin scenario asserts the wide and narrow sides explicitly, and the plugin scenario launches its own scaffold so an install task left by an earlier test cannot move the threshold between runs.
1.6 KiB
Plugin header responsive layout
en 1680px: actions beside the heading, single-line; contained; information follows subtitle; focus retained en 768px: actions below the heading, single-line; contained; information follows subtitle; focus retained en 520px: actions below the heading, single-line; contained; information follows subtitle; focus retained en 440px: actions below the heading, single-line; contained; information follows subtitle; focus retained en 390px: actions below the heading, single-line; contained; information follows subtitle; focus retained en 430px: actions below the heading, single-line; contained; information follows subtitle; focus retained en 1024px: actions beside the heading, single-line; contained; information follows subtitle; focus retained zh 1680px: actions beside the heading, single-line; contained; information follows subtitle; focus retained zh 768px: actions beside the heading, single-line; contained; information follows subtitle; focus retained zh 520px: actions beside the heading, single-line; contained; information follows subtitle; focus retained zh 440px: actions below the heading, single-line; contained; information follows subtitle; focus retained zh 390px: actions below the heading, single-line; contained; information follows subtitle; focus retained zh 430px: actions below the heading, single-line; contained; information follows subtitle; focus retained zh 1024px: actions beside the heading, single-line; contained; information follows subtitle; focus retained
Add menu dismisses on Escape and returns focus in both locales.