PR State:
merged
PR:
#655
Commit:
3355635afed3b67c98bb368057f651eb85cd4842
[FIX] viin_brand_common: keep statusbar arrows compact so 4 stages fit
on mobile
The brand raises $o-font-size-base to 15px (core default is 14px). That
extra width on the status-flow arrows is enough that a 4-stage statusbar
no longer fits one row on small screens: adjustVisibleItems detects the
wrap and folds one arrow into the overflow dropdown. Core's mobile web
StatusBarField QUnit tests assert every stage renders as an inline arrow
(4 visible, a single "..." toggle, one disabled dropdown item), so they
failed 3/... under the branded assets while passing on clean CE.
Root-caused on v17_full by instrumenting core areItemsWrapping():
branded arrows measured 65px wide / 34.5px tall vs clean CE's 50-61px /
33px, tipping 4 arrows over the container width.
Scope the arrows to $o-font-size-base-small (13px) - the framework's
compact control size - so they match core's geometry and all four stages
stay inline.
Only the arrow chrome shrinks; stage labels remain legible.
Verified on v17_full: web MobileWebSuite.test_mobile_js 0 failed (the
three StatusBarField "small devices" / "extra small screens" /
"clickable ... on mobile" cases now pass).
Branch:
17.0