Message bar zoom

[micahgodbolt]

fixes #27749

Single line message bars are now layed out like multi line message bars when shown on small screen sizes or high zoom

[size-auditor[bot]]

Asset size changes

Project	Bundle	Baseline Size	New Size	Difference
office-ui-fabric-react	fluentui-react-MessageBar	181.398 kB	181.788 kB	390 bytes

 Over Tolerance (1024 B)  Over Baseline  Below Baseline  New   Removed 1 kB = 1000 B

Baseline commit: 3d73007c50ca4008618498a998cdaed5675bbda6 (build)

[codesandbox-ci[bot]]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e41d73e8e6ef351993a05b94fbd1319559fddce0:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[fabricteam]

🕵 fluentuiv8 No visual regressions between this PR and main

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against 3d73007c50ca4008618498a998cdaed5675bbda6}

[fabricteam]

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
BaseButton	mount	620	627	5000
Breadcrumb	mount	1692	1694	1000
Checkbox	mount	1680	1704	5000
CheckboxBase	mount	1464	1473	5000
ChoiceGroup	mount	2980	2862	5000
ComboBox	mount	664	657	1000
CommandBar	mount	6209	6275	1000
ContextualMenu	mount	12438	12923	1000
DefaultButton	mount	759	745	5000
DetailsRow	mount	2176	2140	5000
DetailsRowFast	mount	2156	2179	5000
DetailsRowNoStyles	mount	2035	2002	5000
Dialog	mount	2608	2666	1000
DocumentCardTitle	mount	225	221	1000
Dropdown	mount	1933	2029	5000
FocusTrapZone	mount	1110	1109	5000
FocusZone	mount	1067	1078	5000
GroupedList	mount	41005	41516	2
GroupedList	virtual-rerender	19628	19607	2
GroupedList	virtual-rerender-with-unmount	50651	50289	2
GroupedListV2	mount	215	227	2
GroupedListV2	virtual-rerender	209	216	2
GroupedListV2	virtual-rerender-with-unmount	228	229	2
IconButton	mount	1099	1102	5000
Label	mount	336	339	5000
Layer	mount	2711	2721	5000
Link	mount	404	390	5000
MenuButton	mount	910	899	5000
MessageBar	mount	21339	21429	5000
Nav	mount	1923	1957	1000
OverflowSet	mount	770	796	5000
Panel	mount	1805	1721	1000
Persona	mount	733	775	1000
Pivot	mount	886	876	1000
PrimaryButton	mount	862	857	5000
Rating	mount	4602	4593	5000
SearchBox	mount	895	910	5000
Shimmer	mount	1868	1874	5000
Slider	mount	1339	1301	5000
SpinButton	mount	2883	2899	5000
Spinner	mount	386	381	5000
SplitButton	mount	1851	1777	5000
Stack	mount	402	403	5000
StackWithIntrinsicChildren	mount	845	843	5000
StackWithTextChildren	mount	2686	2700	5000
SwatchColorPicker	mount	6055	6195	5000
TagPicker	mount	1466	1457	5000
Text	mount	374	377	5000
TextField	mount	955	941	5000
ThemeProvider	mount	833	832	5000
ThemeProvider	virtual-rerender	587	594	5000
ThemeProvider	virtual-rerender-with-unmount	1272	1256	5000
Toggle	mount	611	619	5000
buttonNative	mount	187	209	5000

[msft-fluent-ui-bot]

:tada:@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

• Release Notes
• Official NPM Release